[发明专利]一种网页图片的预览加载方法和装置

说明书

本发明提供了一种网页图片的预览加载方法和装置，涉及图片处理的技术领域，包括：确定用于显示在显示界面的当前显示区域内的目标图片；向服务器发送第一异步请求，并获取服务器反馈的目标图片的压缩图片和压缩图片的标识信息；将压缩图片显示在当前显示区域内，并向服务器发送基于标识信息生成的第二异步请求，并获取服务器反馈的目标图片的原始图片；将目标图片的原始图片存储至第一数据库中；若检测到用户在当前显示区域中执行的第一操作，则从第一数据库中获取目标原始图片，并将目标原始图片显示在显示界面，目标原始图片为目标图片的原始图片中的任意图片，解决了现有技术中在加载高清图片时加载速度较慢的技术问题。

技术领域

本发明涉及图片处理技术领域，尤其是涉及一种网页图片的预览加载方法和装置。

背景技术

现在网页上会有大量各式各样的图片，用户浏览图片时需要等待图片加载且产生流量费用，尤其在现在的图片越来越清晰越来越大的情况下，很多用户自主上传图片类博客网站因用户手机像素动辄4000万像素，甚至有1亿像素的手机，像素提高而导致图片质量很大，有的甚至达到30M-50M。而这样的用户自主上传图片类的网站网页如果要保证其他用户看到的图片也是上传时的质量大小的话，用户在获取图片时图片加载速度慢，甚至页面卡顿，导致体验不好。

针对上述问题，还未提出有效的解决方案。

发明内容

有鉴于此，本发明的目的在于提供一种网页图片的预览加载方法和装置，以缓解了现有技术中的终端设备在加载高清图片时加载速度较慢的技术问题。

第一方面，本发明实施例提供了一种网页图片的预览加载方法，包括：确定用于显示在显示界面的当前显示区域内的目标图片；向服务器发送第一异步请求，并获取所述服务器反馈的所述目标图片的压缩图片和所述压缩图片的标识信息，其中，所述标识信息表示所述压缩图片的原始图片在所述服务器中的存储位置；将所述压缩图片显示在所述当前显示区域内，并向所述服务器发送基于所述标识信息生成的第二异步请求，并获取所述服务器反馈的所述目标图片的原始图片；将所述目标图片的原始图片存储至第一数据库中；其中，若检测到用户在所述当前显示区域中执行的第一操作，则从所述第一数据库中获取目标原始图片，并将所述目标原始图片显示在所述显示界面，所述目标原始图片为所述目标图片的原始图片中的任意图片。

进一步地，从所述第一数据库中获取目标原始图片包括：向所述第一数据库发送第一获取请求；获取所述第一数据库基于所述第一获取请求所反馈的目标原始图片。

进一步地，在获取所述服务器反馈的所述目标图片的压缩图片和所述压缩图片的标识信息之后，所述方法还包括：将所述压缩图片存储在第二数据库中。

进一步地，在将所述压缩图片显示在所述当前显示区域内之后，所述方法还包括：若检测到用户在所述显示界面中执行的第二操作，则基于所述第二操作向第二数据库发送第二获取请求，并获取所述第二数据库基于所述第二获取请求反馈的压缩图片；将所述第二数据库反馈的压缩图片再次显示在所述当前显示区域中。

进一步地，所述第一异步请求携带有所述目标图片的压缩参数；所述目标图片的压缩图片为所述服务器基于所述压缩参数对所述目标图片进行压缩之后得到的图片。

进一步地，在确定用于显示在显示界面的当前显示区域内的目标图片之前，所述方法还包括：获取所述显示界面中滚动条的属性信息，其中，所述属性信息包括以下至少之一：所述滚动条的高度，所述滚动条与所述滚动条移动范围的顶部之间的距离；基于所述属性信息，确定出所述当前显示区域。

进一步地，确定用于显示在显示界面的当前显示区域内的目标图片，包括：获取所述当前显示区域的高度信息，以及获取目标网页所显示图片的图片参数，其中，所述图片参数包括：图片DOM节点img元素的高度图片DOM节点img元素的宽度，所述显示界面为所述目标网页的界面；基于所述高度信息和所述图片参数，确定出所述目标图片。