[发明专利]图片加载方法、装置、计算机设备及存储介质

说明书

本发明公开了图片加载方法、装置、计算机设备及存储介质。方法包括：根据待加载网页的地址信息向服务器发送数据获取请求以获取所反馈的文件数组，根据配置信息及文件属组加载页面信息，生成与每一数组单元对应的单元对象并从服务器获取对应的目标图片，根据目标图片的高宽比在显示界面在完成目标图片的加载。本发明基于数据可视化技术，基于上述技术方法通过生成单元对象的方式可更方便快捷地完成目标图片的获取及加载，且将目标图片加载于页面信息的占位框中，可确保加载的过程中不会导致目标图片失真变形，大幅提高了对网页中的图片进行加载的质量。

技术领域

本发明涉及数据展示技术领域，属于智慧城市网页信息展示相关的应用场景，尤其涉及一种图片加载方法、装置、计算机设备及存储介质。

背景技术

在对包含页面文档流的网页进行加载时经常涉及对网页中的图片进行加载，传统的技术方法中均是将所需进行加载的图片以图片标签的形式进行懒加载，先将图片标签的属性信息配置为待加载界面的一张占位图，然后给图片标签设置自定义属性，从服务器获取与该图片标签对应的存储地址并存储至其对应的自定义属性，当该图片进入待加载界面的可视区域时，将该图片所对应的自定义属性中所存储的存储地址转存至对应图片标签的属性信息中，以实现在待加载界面中对该图片进行加载。

然而这一传统的加载方式仅能适用于尺寸规格一致的图片，若所需加载的多张图片的尺寸规则不一致，但待加载界面中图片列表的单元格的高度及宽度均为固定值则会导致图片原有的宽高比例失调，导致图片被拉伸或被压缩而变形，导致所加载的图片失真，影响了网页中图片的加载质量。因而，现有的对包含页面文档流的网页进行加载时存在影响图片加载质量的问题。

发明内容

本发明实施例提供了一种图片加载方法、装置、计算机设备及存储介质，旨在解决现有的现有技术方法对包含页面文档流的网页进行加载时存在影响图片加载质量的问题。

第一方面，本发明实施例提供了一种图片加载方法，其包括：

若接收到用户所输入的待加载网页的地址信息，根据所述地址信息向对应的服务器发送数据获取请求；

若接收到所述服务器根据所述数据获取请求所反馈的文件数组，根据预存的配置信息及所述文件数组在所述用户终端的显示界面上加载包含占位框的页面信息，其中，所述文件数组包含至少一个数组单元，所述占位框的数量与所述数组单元的数量相等，所述数组单元用于记载一张图片的基本信息；

生成与所述文件数组中每一所述数组单元对应的单元对象；

根据所述页面信息及所述单元对象从所述服务器获取对应的目标图片；

根据所述目标图片的高宽比将所述目标图片加载至所述页面信息对应的占位框中以显示所述目标图片。

第二方面，本发明实施例提供了一种图片加载装置，其包括：

数据获取请求发送单元，用于若接收到用户所输入的待加载网页的地址信息，根据所述地址信息向对应的服务器发送数据获取请求；

页面信息加载单元，用于若接收到所述服务器根据所述数据获取请求所反馈的文件数组，根据预存的配置信息及所述文件数组在所述用户终端的显示界面上加载包含占位框的页面信息，其中，所述文件数组包含至少一个数组单元，所述占位框的数量与所述数组单元的数量相等，所述数组单元用于记载一张图片的基本信息；

单元对象生成单元，用于生成与所述文件数组中每一所述数组单元对应的单元对象；

目标图片获取单元，用于根据所述页面信息及所述单元对象从所述服务器获取对应的目标图片；

目标图片加载单元，用于根据所述目标图片的高宽比将所述目标图片加载至所述页面信息对应的占位框中以显示所述目标图片。