[发明专利]图片加载方法、装置、计算机设备及存储介质有效
| 申请号: | 202010620452.5 | 申请日: | 2020-06-30 |
| 公开(公告)号: | CN111767492B | 公开(公告)日: | 2023-04-11 |
| 发明(设计)人: | 刘红波 | 申请(专利权)人: | 中国平安财产保险股份有限公司 |
| 主分类号: | G06F16/957 | 分类号: | G06F16/957;G06F16/958;G06F9/445 |
| 代理公司: | 深圳市精英专利事务所 44242 | 代理人: | 涂年影 |
| 地址: | 518000 广东省深圳市福田区益田路*** | 国省代码: | 广东;44 |
| 权利要求书: | 查看更多 | 说明书: | 查看更多 |
| 摘要: | |||
| 搜索关键词: | 图片 加载 方法 装置 计算机 设备 存储 介质 | ||
1.一种图片加载方法,应用于用户终端,所述用户终端与至少一台服务器进行通信,其特征在于,所述方法包括:
若接收到用户所输入的待加载网页的地址信息,根据所述地址信息向对应的服务器发送数据获取请求;
若接收到所述服务器根据所述数据获取请求所反馈的文件数组,根据预存的配置信息及所述文件数组在所述用户终端的显示界面上加载包含占位框的页面信息,其中,所述文件数组包含至少一个数组单元,所述占位框的数量与所述数组单元的数量相等,所述数组单元用于记载一张图片的基本信息,所述基本信息包括资源地址信息及图片尺寸,所述页面信息即为不包含图片的网页的基础页面信息;
生成与所述文件数组中每一所述数组单元对应的单元对象,包括使用new Image构造函数分别生成与每一数组单元对应的img对象作为所述单元对象;
根据所述页面信息及所述单元对象从所述服务器获取对应的目标图片;
根据所述目标图片的高宽比将所述目标图片加载至所述页面信息对应的占位框中以显示所述目标图片,包括:
将与所述单元对象对应的所述占位框的属性值删除;
根据所述单元对象的目标图片高宽比将所述目标图片填充至与所述单元对象对应的所述占位框中,以在所述显示界面中加载所述目标图片;
所述配置信息包括页面列表信息及属性配置信息,其中页面列表信息即为对图片进行排布的信息,显示界面中的图片均以列表的形式进行加载,所述根据预存的配置信息及所述文件数组在所述用户终端的显示界面上加载包含占位框的页面信息,包括:
根据所述页面列表信息及所述文件数组中数组单元的数量信息在所述显示界面加载对应数量的占位框;所述页面列表信息中包括一行所包含的占位框的数量、占位框之间的横向间距及占位框之间的纵向间距,对占位框进行加载的位置需受到页面列表信息的限制;
根据所述属性配置信息对所有所述占位框统一配置属性值;所述属性值为背景色或默认的背景图片;
根据所述数组单元的资源地址信息对与所述数组单元对应的所述占位框配置资源地址值。
2.根据权利要求1所述的图片加载方法,其特征在于,所述根据所述页面信息及所述单元对象从所述服务器获取对应的目标图片,包括:
根据所述页面信息中每一所述占位框的资源地址值,对与所述占位框对应的单元对象的获取地址进行配置;
根据每一所述单元对象的获取地址从所述服务器获取与所述获取地址对应的目标图片。
3.根据权利要求2所述的图片加载方法,其特征在于,所述根据所述页面信息中每一所述占位框的资源地址值,对与所述占位框对应的单元对象的获取地址进行配置之后,还包括:
根据所述显示界面的显示区域中所述占位框对应的单元对象的获取地址,从所述服务器获取与所述获取地址对应的目标图片。
4.根据权利要求3所述的图片加载方法,其特征在于,所述根据所述显示界面的显示区域中所述占位框对应的单元对象的获取地址,从所述服务器获取与所述获取地址对应的目标图片之后,还包括:
根据预置的滚动监听周期对所述显示区域是否发生变化进行周期性滚动监听;
若所述显示区域发生变化,根据变化后的显示区域中所述占位框对应的单元对象的获取地址,从所述服务器获取与所述获取地址对应的目标图片。
5.根据权利要求4所述的图片加载方法,其特征在于,所述将与所述单元对象对应的所述占位框的属性值删除的步骤之前,还包括:
对每一所述单元对象对应的目标图片是否获取完毕进行判断;
若所述单元对象对应的目标图片获取完毕,则执行所述将与所述单元对象对应的所述占位框的属性值删除的步骤;
若所述单元对象对应的目标图片未获取完毕,间隔预置的间隔时间后再次对所述单元对象对应的目标图片是否获取完毕进行判断。
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于中国平安财产保险股份有限公司,未经中国平安财产保险股份有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/202010620452.5/1.html,转载请声明来源钻瓜专利网。





