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

说明书

本申请公开了一种图片加载方法、装置、设备及存储介质，涉及图像处理技术领域，包括：主线程利用获取到的待加载图片的图片存储标识在临时缓存和浏览器数据库中查询对应的图片缓存信息；均未查询到对应的图片缓存信息则通过主线程将图片存储标识传输至子线程，通过子线程基于图片存储标识和预设获取方式获取待加载图片的图片数据；通过子线程将图片数据转化为预设格式的预设格式图片数据，并返回至主线程；主线程将预设格式图片数据存储至临时缓存与浏览器数据库，基于预设格式图片数据的格式执行对应的图片加载操作。本申请通过在子线程中将获取到的图片数据转化为预设格式，减少图片加载对主线程的阻塞和页面卡顿，加快图片渲染效率。

技术领域

本发明涉及图像处理技术领域，特别涉及一种图片加载方法、装置、设备及存储介质。

背景技术

在图片等静态资源较多的网页中，由于浏览器并发下载数存在数量限制，会将当前所有发起的请求划分成多个批次，会影响到页面中数据请求的速度，从而影响到网页的响应速度。现有技术中，利用可缓存线程池异步加载图片资源，构建map(一种记录键的原始插入顺序的键值对)存储已加载到的图片资源的bitmap(位图)对象，来解决图片过大导致的ANE(Adobe Air Native Extension，Adobe Air的本地扩展)的问题；或根据URL(UniformResource Locator，统一资源定位符)定位符查询缓存，如果没有则创建请求获取图片，然后存储图片至缓存中。图片在请求完成后需要解析展示在网页中，这个解析过程全程在UI(User Interface，用户界面)线程中执行，当一个页面中图片资源很多、存在大量高像素图片解析，并且由于图片的精度高，以至于一些图片的请求加载时间过长，解析时间过长会影响到页面其他内容的加载、阻塞主线程，造成页面卡顿且无法操作，影响用户正常的交互体验的问题。

发明内容

有鉴于此，本发明的目的在于提供一种图片加载方法、装置、设备和存储介质，能够减少图片加载对主线程的阻塞和页面卡顿，加快图片渲染效率。其具体方案如下：

第一方面，本申请公开了一种图片加载方法，包括：

通过主线程获取待加载图片的图片存储标识，并基于所述图片存储标识在临时缓存以及浏览器数据库中查询对应的图片缓存信息；

若均未查询到对应的所述图片缓存信息，则通过所述主线程将所述图片存储标识传输至子线程，并通过所述子线程基于所述图片存储标识以及预设获取方式获取所述待加载图片的图片数据；

通过所述子线程将所述图片数据转化为预设格式的预设格式图片数据，并将所述预设格式图片数据返回至所述主线程；

通过所述主线程将所述预设格式图片数据存储至所述临时缓存与所述浏览器数据库中，然后基于所述预设格式图片数据的格式执行对应的图片加载操作。

可选的，所述基于所述图片存储标识在临时缓存以及浏览器数据库中查询对应的图片缓存信息，包括：

基于所述图片存储标识判断所述临时缓存中是否存在与所述待加载图片对应的所述图片缓存信息；

若存在所述图片缓存信息，则直接获取所述临时缓存中的所述图片缓存信息；

若不存在所述图片缓存信息，则在所述浏览器数据库中查询是否存在与所述待加载图片类型对应的目标数据库；

若不存在所述目标数据库，则创建与所述待加载图片类型对应的目标数据库；

若存在所述目标数据库，则基于所述图片存储标识判断所述目标数据库中是否存在与所述待加载图片对应的所述图片缓存信息。

可选的，所述若均未查询到对应的所述图片缓存信息，则通过所述主线程将所述图片存储标识传输至子线程，并通过所述子线程基于所述图片存储标识以及预设获取方式获取所述待加载图片的图片数据，包括：