用于加载页面图片的方法、装置和电子设备制造方法及图纸

技术编号:21799280 阅读:24 留言:0更新日期:2019-08-07 10:32
本发明专利技术实施例公开了用于加载页面图片的方法、装置和电子设备。该方法的一具体实施方式包括:响应于接收到页面中的目标图片的加载指令,获取目标图片的图片信息,图片信息包括图片加载地址;确定本地是否存储有目标图片;响应于确定本地无存储目标图片,基于图片加载地址从远程获取目标图片;若获取目标图片成功,在页面中展示目标图片,并在本地预设图片存储空间内保存目标图片,以在当前时刻之后接收到用户对目标图片的浏览请求时,展示目标图片,可以节省流量,提高页面响应速度。

Method, device and electronic device for loading page pictures

【技术实现步骤摘要】
用于加载页面图片的方法、装置和电子设备
本专利技术涉及互联网
,尤其涉及一种用于加载页面图片的方法、装置和电子设备。
技术介绍
在客户端展示的页面中可以包括文字、图片等信息。文字信息通常所占用的数据流量较少,而图片信息所占用的数据流量通常较大。目前客户端展示的页面是通过客户端向远程服务器发起页面获取请求,服务器根据获取请求向客户端发送页面数据,客户端根据服务器所发送的页面数据来加载文字、图片信息等。在实现本专利技术的过程中,专利技术人发现上述方式至少存在以下缺陷:由于图片信息所占用的数据流量较大,当网络不稳定时,有可能客户端无法及时从远程服务器下载图片。另外,对于已经下载的图片,与该图片对应的页面展示完成后,丢弃该图片。当用户后续再想浏览该图片时,只能从远程重新下载该图片。这样的加载方式,所需的流量较大,另外,页面响应速度也较慢。
技术实现思路
本专利技术实施例提供了一种用于加载页面图片的方法、装置和电子设备,实现了节省数据流量,提升页面响应速度的目的。第一方面,本专利技术实施例提供了一种用于加载页面图片的方法,该方法包括响应于接收到页面中的目标图片的加载指令,获取所述目标图片的图片信息,所述图片信息包括图片加载地址;确定本地是否存储有所述目标图片;响应于确定本地无存储所述目标图片,基于所述图片加载地址从远程获取所述目标图片;若获取所述目标图片成功,在所述页面中展示所述目标图片,并在本地预设图片存储空间内保存所述目标图片。可选地,该方法还包括若获取所述目标图片失败,生成所述目标图片的加载缓存信息,并将所述加载缓存信息存入预设加载信息缓存空间,所述加载缓存信息包括所述目标图片所对应的关键字以及所述目标图片的加载地址。可选地,该方法还包括:每隔预设时间间隔,基于所述目标图片对应的关键字从所述预设加载信息缓存空间中读取所述加载缓存信息,并根据所述加载地址执行从远程获取所述目标图片的操作;若获取到所述目标图片,将所述目标图片保存在预设图片存储空间。可选地,该方法还包括生成所述目标图片的按照预设比例缩小的压缩图片并保存。可选地,将所述压缩图片与预设展示所述压缩图片的页面数据进行关联。可选地,所述压缩图片包括第一压缩图片和第二压缩图片,所述第一压缩图片的大小大于所述第二压缩图片的大小;其中,所述第一压缩图片供用户预览所述目标图片的信息,所述第二压缩图片供用户在缩略图中浏览所述目标图片的信息。第二方面,本专利技术实施例提供了一种用于加载页面图片的装置,包括:图片信息获取单元,用于响应于接收到页面中的目标图片的加载指令,获取所述目标图片的图片信息,所述图片信息包括图片加载地址;确定单元,用于确定本地是否存储有所述目标图片;图片获取单元,用于响应于确定本地无存储所述目标图片,基于所述图片加载地址从远程获取所述目标图片;展示单元,用于若获取所述目标图片成功,在所述页面中展示所述目标图片,并在本地预设图片存储空间内保存所述目标图片。可选地,该装置还包括缓存单元,所述缓存单元用于:若获取所述目标图片失败,生成所述目标图片的加载缓存信息,并将所述加载缓存信息存入预设加载信息缓存空间,所述加载缓存信息包括所述目标图片所对应的关键字以及所述目标图片的加载地址。可选地,图片获取单元进一步用于:每隔预设时间间隔,基于所述目标图片对应的关键字从所述预设加载信息缓存空间中读取所述加载缓存信息,并根据所述加载地址执行从远程获取所述目标图片的操作;若获取到所述目标图片,将所述目标图片保存在预设图片存储空间。可选地,该装置还包括压缩单元,所述压缩单元用于:生成所述目标图片的按照预设比例缩小的压缩图片并保存。可选地,该装置还包括关联单元,所述关联单元用于:将所述压缩图片与预设展示所述压缩图片的页面数据进行关联。可选地,所述压缩图片包括第一压缩图片和第二压缩图片,所述第一压缩图片的大小大于所述第二压缩图片;其中,所述第一压缩图片供用户预览所述目标图片的信息,所述第二压缩图片供用户在缩略图中浏览所述目标图片的信息。第三方面,本专利技术实施例提供了一种电子设备,包括:一个或多个处理器;存储装置,用于存储一个或多个程序,当一个或多个程序被一个或多个处理器执行,使得一个或多个处理器实现上述任意一种用于加载页面图片的方法的步骤。第四方面,本专利技术实施例提供了一种计算机可读介质,其上存储有计算机程序,该程序被处理器执行时实现上述任意一种用于加载页面图片的方法的步骤。本专利技术实施例提供的用于加载页面图片的方法、装置和电子设备,通过响应于接收到页面中的目标图片的加载指令,获取目标图片的图片信息,图片信息包括图片加载地址;然后,确定本地是否存储有上述目标图片;接着,响应于确定本地无存储上述目标图片,基于图片加载地址从远程获取目标图片,最后,若获取所述目标图片成功,在所述页面中展示所述目标图片,并在本地预设图片存储空间内保存所述目标图片。上述方法可以将所获取的图片在本地保存,从而在之后接收到用户浏览上述图片请求时,可以在本地获取上述图片,一方面可以节省每次从远程获取同一图片引起的重复流量消耗,另一方面可以提升页面响应速度。附图说明附图用于更好地理解本专利技术,不构成对本专利技术的不当限定。其中:图1是根据本专利技术的用于加载页面图片的方法的一个实施例的流程图;图2是根据本申请的用于加载页面图片的方法的一个应用场景的示意图;图3是根据本专利技术的用于加载页面图片的方法的又一个实施例的流程图;图4是根据本专利技术的用于加载页面图片的装置的一个实施例的结构示意图;图5是本专利技术的一个实施例的用于加载页面图片的方法可以应用于其中的示例性系统架构;图6是根据本专利技术实施例提供的电子设备的基本结构的示意图。具体实施方式以下结合附图对本专利技术的示范性实施例做出说明,其中包括本专利技术实施例的各种细节以助于理解。应当将它们认为仅仅是示范性的。因此本领域普通技术人员应当认识到,可以对这里描述的实施例做出各种改变和修改,而不会背离本专利技术的范围和精神。需要说明的是,在不冲突的情况下,本专利技术中的实施例及实施例中的特征可以相互组合。请参考图1,其示出了根据本专利技术的用于加载页面图片的方法的一个实施例的流程。如图1所示该用于加载页面图片的方法,包括以下步骤:步骤101,响应于接收到页面中的目标图片的加载指令,获取目标图片的图片信息,图片信息包括图片加载地址。在本实施例中,任一互联网平台向用户终端设备发送的页面数据中可以包括至少一个图片数据。上述图片数据可以包括图片类型以及图片加载地址。这里的图片类型可以包括图片大小。图片加载地址可以包括图片对应的统一资源定位符(UniformResourceLocator,URL)。用户可以通过各种操作向用终端设备发出浏览页面的请求。例如通过在浏览器中输入页面对应的统一资源定位符的操作,或者通过点击设置在终端设备中的应用客户端图标的操作向终端设备发出浏览页面的请求。终端设备可以根据所接收的页面数据进而生成对页面中的目标图片的加载指令。这里的目标图片可以是终端设备的显示屏幕当前展示的页面所包括的图片。在一些应用场景中,上述加载指令可以是根据用户对页面中的图片所对应的位置的选择操作生成的。上述终端设备可以根据目标图片的加载指令,获取目标图片的图片信息,上述图片信息可以包括图片类型与图片加载地址。图片类型可以包括图本文档来自技高网...

【技术保护点】
1.一种用于加载页面图片的方法,其特征在于,包括:响应于接收到页面中的目标图片的加载指令,获取所述目标图片的图片信息,所述图片信息包括图片加载地址;确定本地是否存储有所述目标图片;响应于确定本地无存储所述目标图片,基于所述图片加载地址从远程获取所述目标图片;若获取所述目标图片成功,在所述页面中展示所述目标图片,并在本地预设图片存储空间内保存所述目标图片。

【技术特征摘要】
1.一种用于加载页面图片的方法,其特征在于,包括:响应于接收到页面中的目标图片的加载指令,获取所述目标图片的图片信息,所述图片信息包括图片加载地址;确定本地是否存储有所述目标图片;响应于确定本地无存储所述目标图片,基于所述图片加载地址从远程获取所述目标图片;若获取所述目标图片成功,在所述页面中展示所述目标图片,并在本地预设图片存储空间内保存所述目标图片。2.根据权利要求1所述的方法,其特征在于,所述方法还包括:若获取所述目标图片失败,生成所述目标图片的加载缓存信息,并将所述加载缓存信息存入预设加载信息缓存空间,所述加载缓存信息包括所述目标图片所对应的关键字以及所述目标图片的加载地址。3.根据权利要求2所述的方法,其特征在于,所述方法还包括:每隔预设时间间隔,基于所述目标图片对应的关键字从所述预设加载信息缓存空间中读取所述加载缓存信息,并根据所述加载地址执行从远程获取所述目标图片的操作;若获取到所述目标图片,将所述目标图片保存在预设图片存储空间。4.根据权利要求1或3所述的方法,其特征在于,所述方法还包括:生成所述目标图片的按照预设比例缩小的压缩图片并保存。5.根据权利要求4所述的方法,其特征在于,所述方法还包括:将所述压缩图片与预设展示所述压缩图片的页面数据进行关联。6.根据权利要求4所述的方法,其特征在于,所述压缩图片包括第一压缩图片和第二压缩图片,所述第一压缩图片的大小大于所述第二压缩图片的大小;其中,所述第一压缩图片供用户预览所述目标图片的信息,所述第二压缩图片供用户在缩略图中浏览所述目标图片的信息。7.一种用于加载页面图片的装置,其特征在于,包括:图片信息获取单元,用于响应于接收到页面中的目标图片的加载指令,获取所述目标图片的图片信息,所述图片信息包括图片加载地址;确定单元,用于确定本地是否存储有所述目标图片;图片获取单元,用于响应于...

【专利技术属性】
技术研发人员:不公告发明人
申请(专利权)人:北京字节跳动网络技术有限公司
类型:发明
国别省市:北京,11

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1