图片加载方法、装置及电子设备制造方法及图纸

本申请公开了一种图片加载方法、装置及电子设备，其根据待加载图片的内容描述信息和坐标信息生成描述图层，并在开始执行图片加载时，将该描述图层显示于待加载图片对应的目标区域；其中，描述图层中的内容描述信息起到提示作用，使得用户可以根据描述图层中显示的待加载图片的内容描述信息，预知待加载图片所展示的内容，如果内容描述信息与自己的需求不相关，则可在当前页面完成加载之前切换至其他页面，既可以减少用户的等待时间，又可以减少网络流量浪费。

【技术实现步骤摘要】
【专利摘要】本申请公开了一种图片加载方法、装置及电子设备，其根据待加载图片的内容描述信息和坐标信息生成描述图层，并在开始执行图片加载时，将该描述图层显示于待加载图片对应的目标区域；其中，描述图层中的内容描述信息起到提示作用，使得用户可以根据描述图层中显示的待加载图片的内容描述信息，预知待加载图片所展示的内容，如果内容描述信息与自己的需求不相关，则可在当前页面完成加载之前切换至其他页面，既可以减少用户的等待时间，又可以减少网络流量浪费。【专利说明】图片加载方法、装置及电子设备
本申请涉及网页加载
，尤其涉及一种图片加载方法、装置及电子设备。
技术介绍
随着网页技术的发展，网页中所包含的信息越来越丰富，图片文件在网页中所占的比重也越来越大。相对于文字，在网页中添加图片文件可以更形象直观地表现本网页所要展示的信息。相应的，各种具有图片展示功能的终端应用程序也层出不穷。常用的图片加载技术，通常先根据待加载图片的尺寸在当前显示区域中预留相应的空白区域，将待加载图片划分为多个图块，然后按一定的顺序依次将各个图块显示于空白区域的对应位置处。图1示出了应用上述图片加载技术的某网页中由上至下加载至不同程度的图片文件。对于包含图片文件的网页或终端应用程序界面，其完成加载所消耗的时间受多种因素影响；例如，图片文件越多、图片文件尺寸越大、网速越慢，完成图片加载所需要的时间也越长。由于只有在图片文件的全部或大部分图块加载完成时，用户才可以判断该图片文件是否为自己需要的图片文件，如果不是，则通过相应的操作将当前网页的其他区域或其他网页置于可视窗口内，并继续等待新的图片文件加载，不仅浪费时间，还浪费网络流量。
技术实现思路
为克服相关技术中存在的问题，本申请提供一种图片加载方法、装置及电子设备。本申请第一方面提供一种图片加载方法；该方法包括:获取待加载图片的内容描述信息和在目标页面中的坐标信息；根据所述内容描述信息和坐标信息生成描述图层；以及将所述描述图层显示于目标页面中所述待加载图片对应的目标区域。结合第一方面，在第一方面的第一种可行的实施方式中，所述图片加载方法还包括:根据所述待加载图片的加载进度调整所述描述图层的大小和位置。结合第一方面，或者第一方面的第一种可行的实施方式，在第一方面的第二种可行的实施方式中，所述图片加载方法还包括:根据所述待加载图片的加载进度调整所述描述图层的透明度。结合第一方面，或者第一方面的第一种可行的实施方式，在第一方面的第三种可行的实施方式中，所述图片加载方法还包括:在所述获取待加载图片的内容描述信息和在目标页面中的坐标信息的步骤之前，判断当前网速是否大于预设速度；如果所述当前网速不大于所述预设速度，则执行所述获取待加载图片的内容描述信息和在目标页面中的坐标信息的步骤。本申请第二方面提供一种图片加载置；该装置包括:信息获取单元，用于获取待加载图片的内容描述信息和在目标页面中的坐标信息;图层生成单元，用于根据所述内容描述信息和坐标信息生成描述图层；以及图层显示单元，用于将所述描述图层显示于目标页面中所述待加载图片对应的目标区域。结合第二方面，在第二方面的第一种可行的实施方式中，所述图片加载装置还包括:第一显示控制单元，用于根据所述待加载图片的加载进度调整所述描述图层的大小和位置。结合第二方面，或者第二方面的第一种可行的实施方式，在第二方面的第二种可行的实施方式中，所述图片加载装置还包括:第二显示控制单元，用于根据所述待加载图片的加载进度调整所述描述图层的透明度。结合第二方面，或者第二方面的第一种可行的实施方式，在第二方面的第三种可行的实施方式中，所述图片加载装置还包括:网速判断单元，用于在所述获取待加载图片的内容描述信息和在目标页面中的坐标信息的步骤之前，判断当前网速是否大于预设速度，并在所述当前网速不大于所述预设速度时，触发所述信息获取单元。本申请第三方面提供一种电子设备；所述电子设备具有网络图片展示功能，包括:处理器；以及，用于存储处理器可执行指令的存储器；其中，所述处理器被配置为:获取待加载图片的内容描述信息和在目标页面中的坐标信息；根据所述内容描述信息和坐标信息生成描述图层；以及将所述描述图层显示于目标页面中所述待加载图片对应的目标区域。结合第三方面，在第三方面的第一种可行的实施方式中，所述处理器还被配置为:根据所述待加载图片的加载进度调整所述描述图层的大小和位置。结合第三方面，或者第三方面的第一种可行的实施方式，在第三方面的第二种可行的实施方式中，所述处理器还被配置为:根据所述待加载图片的加载进度调整所述描述图层的透明度。结合第三方面，或者第三方面的第一种可行的实施方式，在第三方面的第三种可行的实施方式中，所述处理器还被配置为:在所述获取待加载图片的内容描述信息和在目标页面中的坐标信息的步骤之前，判断当前网速是否大于预设速度；如果所述当前网速不大于所述预设速度，则执行所述获取待加载图片的内容描述信息和在目标页面中的坐标信息的步骤。由以上技术方案可知，本申请实施例根据待加载图片的内容描述信息和坐标信息生成描述图层，并在开始执行图片加载时，将该描述图层显示于待加载图片对应的目标区域；其中，描述图层中的内容描述信息起到提示作用，使得用户可以根据描述图层中显示的待加载图片的内容描述信息，预知待加载图片所展示的内容，如果内容描述信息与自己的需求不相关，则可在当前页面完成加载之前切换至其他页面，既可以减少用户的等待时间，又可以减少网络流量浪费。应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不能限制本申请。【附图说明】此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本专利技术的实施例，并与说明书一起用于解释本专利技术的原理。图1是现有网页图片加载过程中网页界面的示意图。图2是根据一示例性实施例示出的一种图片加载方法的流程图。图3是根据一示例性实施例示出的图片加载方法中获取坐标信息的示意图。图4是根据一示例性实施例示出的图片加载方法中显示描述图层的示意图。图5是根据一示例性实施例示出的另一种图片加载方法的流程图。图6是根据一示例性实施例示出的一种图片加载方法中根据图片加载进度调节描述图层的方法示意图。图7是根据一示例性实施例示出的另一种图片加载方法中根据图片加载进度调节描述图层的方法示意图。图8是根据一示例性实施例示出的又一种图片加载方法中根据图片加载进度调节描述图层的方法示意图。图9是根据一示例性实施例示出的又一种图片加载方法的流程图。图10是根据一示例性实施例示出的一种图片加载装置的框图。图11是根据一示例性实施例示出的另一种图片加载装置的框图。图12是根据一示例性实施例示出的又一种图片加载装置的框图。图13是根据一示例性实施例示出的一种具有网络图片展示功能的电子设备的框图。【具体实施方式】这里将详细地对示例性实施例进行说明，其示例表示在附图中。下面的描述涉及附图时，除非另有表示，不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本专利技术相一致的所有实施方式。相反，它们仅是与如所附权利要求书中所详述的、本专利技术的一些方面相一致的装置和方法的例子。图2为本申请实施例提供的一种图片加载方法的流程图，该方法可以应用于浏览器等具有图本文档来自技高网...

【技术保护点】
一种图片加载方法，其特征在于，包括：获取待加载图片的内容描述信息和在目标页面中的坐标信息；根据所述内容描述信息和坐标信息生成描述图层；以及将所述描述图层显示于目标页面中所述待加载图片对应的目标区域。

【技术特征摘要】

【专利技术属性】
技术研发人员：毛潇笑，
申请(专利权)人：阿里巴巴集团控股有限公司，
类型：发明
国别省市：开曼群岛;KY