CN110096660A - 用于加载页面图片的方法、装置和电子设备 - Google Patents
用于加载页面图片的方法、装置和电子设备 Download PDFInfo
- Publication number
- CN110096660A CN110096660A CN201910267547.0A CN201910267547A CN110096660A CN 110096660 A CN110096660 A CN 110096660A CN 201910267547 A CN201910267547 A CN 201910267547A CN 110096660 A CN110096660 A CN 110096660A
- Authority
- CN
- China
- Prior art keywords
- target photo
- picture
- load
- information
- page
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Granted
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9574—Browsing optimisation, e.g. caching or content distillation of access to content, e.g. by caching
Landscapes
- Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Theoretical Computer Science (AREA)
- Data Mining & Analysis (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本发明实施例公开了用于加载页面图片的方法、装置和电子设备。该方法的一具体实施方式包括:响应于接收到页面中的目标图片的加载指令,获取目标图片的图片信息,图片信息包括图片加载地址;确定本地是否存储有目标图片;响应于确定本地无存储目标图片,基于图片加载地址从远程获取目标图片;若获取目标图片成功,在页面中展示目标图片,并在本地预设图片存储空间内保存目标图片,以在当前时刻之后接收到用户对目标图片的浏览请求时,展示目标图片,可以节省流量,提高页面响应速度。
Description
技术领域
本发明涉及互联网技术领域,尤其涉及一种用于加载页面图片的方法、装置和电子设备。
背景技术
在客户端展示的页面中可以包括文字、图片等信息。文字信息通常所占用的数据流量较少,而图片信息所占用的数据流量通常较大。目前客户端展示的页面是通过客户端向远程服务器发起页面获取请求,服务器根据获取请求向客户端发送页面数据,客户端根据服务器所发送的页面数据来加载文字、图片信息等。
在实现本发明的过程中,发明人发现上述方式至少存在以下缺陷:由于图片信息所占用的数据流量较大,当网络不稳定时,有可能客户端无法及时从远程服务器下载图片。另外,对于已经下载的图片,与该图片对应的页面展示完成后,丢弃该图片。当用户后续再想浏览该图片时,只能从远程重新下载该图片。这样的加载方式,所需的流量较大,另外,页面响应速度也较慢。
发明内容
本发明实施例提供了一种用于加载页面图片的方法、装置和电子设备,实现了节省数据流量,提升页面响应速度的目的。
第一方面,本发明实施例提供了一种用于加载页面图片的方法,该方法包括响应于接收到页面中的目标图片的加载指令,获取所述目标图片的图片信息,所述图片信息包括图片加载地址;确定本地是否存储有所述目标图片;响应于确定本地无存储所述目标图片,基于所述图片加载地址从远程获取所述目标图片;若获取所述目标图片成功,在所述页面中展示所述目标图片,并在本地预设图片存储空间内保存所述目标图片。
可选地,该方法还包括若获取所述目标图片失败,生成所述目标图片的加载缓存信息,并将所述加载缓存信息存入预设加载信息缓存空间,所述加载缓存信息包括所述目标图片所对应的关键字以及所述目标图片的加载地址。
可选地,该方法还包括:每隔预设时间间隔,基于所述目标图片对应的关键字从所述预设加载信息缓存空间中读取所述加载缓存信息,并根据所述加载地址执行从远程获取所述目标图片的操作;若获取到所述目标图片,将所述目标图片保存在预设图片存储空间。
可选地,该方法还包括生成所述目标图片的按照预设比例缩小的压缩图片并保存。
可选地,将所述压缩图片与预设展示所述压缩图片的页面数据进行关联。
可选地,所述压缩图片包括第一压缩图片和第二压缩图片,所述第一压缩图片的大小大于所述第二压缩图片的大小;其中,所述第一压缩图片供用户预览所述目标图片的信息,所述第二压缩图片供用户在缩略图中浏览所述目标图片的信息。
第二方面,本发明实施例提供了一种用于加载页面图片的装置,包括:图片信息获取单元,用于响应于接收到页面中的目标图片的加载指令,获取所述目标图片的图片信息,所述图片信息包括图片加载地址;确定单元,用于确定本地是否存储有所述目标图片;图片获取单元,用于响应于确定本地无存储所述目标图片,基于所述图片加载地址从远程获取所述目标图片;展示单元,用于若获取所述目标图片成功,在所述页面中展示所述目标图片,并在本地预设图片存储空间内保存所述目标图片。
可选地,该装置还包括缓存单元,所述缓存单元用于:若获取所述目标图片失败,生成所述目标图片的加载缓存信息,并将所述加载缓存信息存入预设加载信息缓存空间,所述加载缓存信息包括所述目标图片所对应的关键字以及所述目标图片的加载地址。
可选地,图片获取单元进一步用于:每隔预设时间间隔,基于所述目标图片对应的关键字从所述预设加载信息缓存空间中读取所述加载缓存信息,并根据所述加载地址执行从远程获取所述目标图片的操作;若获取到所述目标图片,将所述目标图片保存在预设图片存储空间。
可选地,该装置还包括压缩单元,所述压缩单元用于:生成所述目标图片的按照预设比例缩小的压缩图片并保存。
可选地,该装置还包括关联单元,所述关联单元用于:将所述压缩图片与预设展示所述压缩图片的页面数据进行关联。
可选地,所述压缩图片包括第一压缩图片和第二压缩图片,所述第一压缩图片的大小大于所述第二压缩图片;其中,所述第一压缩图片供用户预览所述目标图片的信息,所述第二压缩图片供用户在缩略图中浏览所述目标图片的信息。
第三方面,本发明实施例提供了一种电子设备,包括:一个或多个处理器;存储装置,用于存储一个或多个程序,当一个或多个程序被一个或多个处理器执行,使得一个或多个处理器实现上述任意一种用于加载页面图片的方法的步骤。
第四方面,本发明实施例提供了一种计算机可读介质,其上存储有计算机程序,该程序被处理器执行时实现上述任意一种用于加载页面图片的方法的步骤。
本发明实施例提供的用于加载页面图片的方法、装置和电子设备,通过响应于接收到页面中的目标图片的加载指令,获取目标图片的图片信息,图片信息包括图片加载地址;然后,确定本地是否存储有上述目标图片;接着,响应于确定本地无存储上述目标图片,基于图片加载地址从远程获取目标图片,最后,若获取所述目标图片成功,在所述页面中展示所述目标图片,并在本地预设图片存储空间内保存所述目标图片。上述方法可以将所获取的图片在本地保存,从而在之后接收到用户浏览上述图片请求时,可以在本地获取上述图片,一方面可以节省每次从远程获取同一图片引起的重复流量消耗,另一方面可以提升页面响应速度。
附图说明
附图用于更好地理解本发明,不构成对本发明的不当限定。其中:
图1是根据本发明的用于加载页面图片的方法的一个实施例的流程图;
图2是根据本申请的用于加载页面图片的方法的一个应用场景的示意图;
图3是根据本发明的用于加载页面图片的方法的又一个实施例的流程图;
图4是根据本发明的用于加载页面图片的装置的一个实施例的结构示意图;
图5是本发明的一个实施例的用于加载页面图片的方法可以应用于其中的示例性***架构;
图6是根据本发明实施例提供的电子设备的基本结构的示意图。
具体实施方式
以下结合附图对本发明的示范性实施例做出说明,其中包括本发明实施例的各种细节以助于理解。应当将它们认为仅仅是示范性的。因此本领域普通技术人员应当认识到,可以对这里描述的实施例做出各种改变和修改,而不会背离本发明的范围和精神。
需要说明的是,在不冲突的情况下,本发明中的实施例及实施例中的特征可以相互组合。
请参考图1,其示出了根据本发明的用于加载页面图片的方法的一个实施例的流程。如图1所示该用于加载页面图片的方法,包括以下步骤:
步骤101,响应于接收到页面中的目标图片的加载指令,获取目标图片的图片信息,图片信息包括图片加载地址。
在本实施例中,任一互联网平台向用户终端设备发送的页面数据中可以包括至少一个图片数据。上述图片数据可以包括图片类型以及图片加载地址。这里的图片类型可以包括图片大小。图片加载地址可以包括图片对应的统一资源定位符(Uniform ResourceLocator,URL)。
用户可以通过各种操作向用终端设备发出浏览页面的请求。例如通过在浏览器中输入页面对应的统一资源定位符的操作,或者通过点击设置在终端设备中的应用客户端图标的操作向终端设备发出浏览页面的请求。终端设备可以根据所接收的页面数据进而生成对页面中的目标图片的加载指令。这里的目标图片可以是终端设备的显示屏幕当前展示的页面所包括的图片。
在一些应用场景中,上述加载指令可以是根据用户对页面中的图片所对应的位置的选择操作生成的。
上述终端设备可以根据目标图片的加载指令,获取目标图片的图片信息,上述图片信息可以包括图片类型与图片加载地址。
图片类型可以包括图片大小分类。在一些应用场景中,上述图片类型可以包括原图,第一压缩图片和第二压缩图片。第一压缩图片的大小小于原图的大小,第二压缩图片的大小小于第一压缩图片的大小。第一压缩图片的大小大于第二压缩图片的大小。这里的原图可以是指页面开发者所提供的没有经过压缩的、具有原始尺寸的图片。
通常,对于同一图片而言,原图、第一压缩图片、第二压缩图片分别对应的URL可以不相同。
上述终端设备可以在所接收到的页面数据中获取上述目标图片的图片信息。
步骤102,确定本地是否存储有目标图片。
在本实施例中,上述终端设备可以确定本地是否存储有目标图片。
例如根据上述目标图片所对应的URL所生成的图片标识符来确定本地是否存储有上述目标图片。上述图片标识符可以为数字组合、字符组合或者数字和字符的组合等。
具体地,可以使用预设图片标识符生成方法生成目标图片的图片标识符,然后将图片标识符在本地存储空间内进行匹配。若匹配成功,则确定本地存储有目标图片,否则确定本地无存储目标图片。
本地存储空间中可以预先存储有多个图片以及上述多个图片中各图片分别对应的图片标识符。在上述本地存储空间中,图片与图片的图标标识符关联存储。其中,上述图片标识符是使用上述预设图片标识符生成方法生成的。
步骤103,响应于确定本地无存储目标图片,基于图片加载地址从远程获取目标图片。
在本实施例中,若步骤102确定本地没有存储上述目标图片,则终端设备可以基于上述目标图片的图片加载地址通过各种有线或无线连接方式从远程获取上述目标图片。
也就是说,根据图片的加载地址,终端设备通过网络从远程服务器中下载上述目标图片。
步骤104,若获取目标图片成功,在页面中展示目标图片,并在本地预设图片存储空间内保存目标图片。
在本实施例中,若在步骤103中获取到目标图片,可以在页面中的目标图片对应的位置处对目标图片进行渲染,从而在页面中展现上述目标图片。页面渲染是目前广泛研究和应用的公知技术,此处不赘述。
此外,在获取到目标图片之后,上述终端设备可以在本地预设图片存储空间内保存目标图片,以在当前时刻之后接收到用户对目标图片的浏览请求时,展示上述目标图片。这样,可以节省反复从远程获取图片资源所消耗的流量。另一方面,在用户第二次浏览同一页面时,可以直接根据存储在本地的图片以及其他的数据来渲染页面,从而可以加快展现页面的速度。
本发明的上述实施例提供的方法通过响应于接收到页面中的目标图片的加载指令,获取目标图片的图片信息,图片信息包括图片加载地址;然后,确定本地是否存储有上述目标图片;接着,响应于确定本地无存储上述目标图片,基于图片加载地址从远程获取目标图片,最后,若获取目标图片成功,在页面中展示目标图片,并在本地预设图片存储空间内保存目标图片。上述方法可以将所获取的图片在本地保存,从而在之后用户需浏览上述图片时,可以在本地获取上述图片,一方面可以节省每次从远程获取图片而消耗的流量,另一方面可以提升展示页面信息的速度。
在本实施例的一些可选的实现方式中,上述用于加载页面图片的方法还可以包括:生成目标图片的按照预设比例缩小的压缩图片并保存。
在这些可选的实现方式中,在获取到页面中的目标图片之后,可以按照预设比例来缩小目标图片,从而生成目标图片的压缩图片。此外,终端设备还可以将上述目标图片的压缩图片保存在本地。当接收到用户对上述目标图片的压缩图片的浏览请求时,可以在本地获取并展示上述压缩图片。由于在本地根据目标图片生成压缩图片,可以节省从远程获取目标图片的压缩图片所消耗的流量,从而可以提升展示页面信息的速度。
进一步可选地,上述用于加载页面图片的方法还可以包括将所述压缩图片与预设展示压缩图片的页面数据进行关联。
在这些可选的实现方式中,展示目标图片(这里指原图)的压缩图片的页面可以与展示目标图片的页面不相同,可以将压缩图片与预设展示压缩图片的页面数据进行关联。实践中,可以将展示压缩图片的统一资源定位符与本地保存的压缩图片的标识符进行关联,生成压缩图片的统一资源定位符与压缩图片的标识符的关联关系。压缩图片的标识符可以包括压缩图片存储地址的字段。这样,当接收到用户的展示目标图片的压缩图片的页面的指令时,可以根据上述关联关系,直接从本地获取目标图片的压缩图片,而不需要根据目标图片的压缩图片对应的加载地址从远程获取上述目标图片的压缩图片,这样一来可以进一步节省数据流量,提高页面响应的速度。
在一些应用场景中,上述压缩图片可以包括第一压缩图片和第二压缩图片,第一压缩图片的大小大于第二压缩图片的大小;其中,第一压缩图片供用户预览目标图片的信息,第二压缩图片供用户在缩略图中浏览所述目标图片的信息。
进一步参考图2,其示出了用于加载页面图片的方法的又一个实施例的流程图。如图2所示,该用于加载页面图片的方法的流程,包括以下步骤:
步骤201,响应于接收到页面中的目标图片的加载指令,获取目标图片的图片信息,图片信息包括图片加载地址。
步骤201与图1所示实施例中的步骤101相同,此处不赘述。
步骤202,确定本地是否存储有目标图片。
步骤202与图1所示实施例中的步骤102相同,此处不赘述。
步骤203,响应于确定本地无存储目标图片,基于图片加载地址从远程获取目标图片。
步骤203与图1所示实施例中的步骤103相同,此处不赘述。
步骤204,若获取目标图片成功,在页面中展示目标图片,并在本地预设图片存储空间内保存目标图片。
步骤204与图1所示实施例中的步骤104相同,此处不赘述。
步骤205,若获取目标图片失败,生成目标图片的加载缓存信息,并将加载缓存信息存入预设加载信息缓存空间,加载缓存信息包括目标图片所对应的关键字以及目标图片的加载地址。
在本实施例中,若在步骤203中从远程获取目标图片失败,可以生成目标图片的加载缓存信息。上述加载缓存信息可以包括目标图片所对应的关键字以及目标图片的加载地址。这里的目标图片所对应的关键字可以是基于目标图片对应的加载地址生成的。这里的目标图片所对应的关键字可以是使用哈希算法对上述加载地址生成哈希值等。
可以预先设置加载信息缓存空间,当根据目标图片的加载地址从远程获取目标图片失败后,可以首先生成该目标图片的加载缓存信息。上述加载缓存信息除了包括目标图片对应的关键字以及目标图片的加载地址之外,还可以包括目标图片对应的页面的标识、以及目标图片在上述页面中的位置数据等。可以直接从加载信息缓存空间中读取任一加载缓存信息,根据该加载缓存信息所指示的加载地址获取到相应图片之后,可以根据加载缓存信息中的页面的标识、位置数据中等将所获得的目标图片关联至上述页面的相应位置。
在本实施例中,上述预设加载信息缓存空间的大小可以固定。可以每隔预设时间间隔,或在每次向预设加载信息缓存空间中存储新的加载缓存信息之前,确定上述预设加载信息缓存空间中所存储的信息是否已经超出预设限制,若超出预设限制,则按照存储的时间从长到短的顺序删除预设数量的预先存储的加载缓存信息。
步骤206,每隔预设时间间隔,基于目标图片对应的关键字从预设加载信息缓存空间中读取加载缓存信息,并根据加载地址执行从远程获取目标图片的操作。
在本实施例中,可以每隔预设时间间隔,根据目标图片对应的关键字从预设加载信息缓存空间中读取至少一个加载缓存信息,根据加载缓存信息所指示的加载地址,执行从远程获取目标图片的操作。
上述预设时间间隔可以为任意时间间隔,例如1秒、3秒、5秒等。具体的时间间隔可以根据具体的应用场景进行设定,此处不进行限定。
也就是说,对于页面中的目标图片,当首次加载页面中的目标图片不成功的情况下,可以将目标图片加载缓存信息保存到预设加载信息缓存空间中。之后,可以每隔预设时间间隔可以从预设加载信息缓存空间中读取该目标图片的图片加载缓存信息,并执行从远程获取该目标图片的操作。直至获取到该目标图片。
步骤207,若获取到目标图片,将目标图片保存在预设图片存储空间。
在本实施例中,可以对根据图片加载缓存信息获取的目标图片进行保存。当在接收到用户对目标图片的浏览请求时,可以展示上述目标图片。例如在目标图片所在的页面中展示上述目标图片。或者根据用户的需求指令,单独展现上述目标图片。
从图2中可以看出,与图1对应的实施例相比,本实施例中的用于加载页面图片的方法的流程突出了若获取目标图片失败,对目标图片的加载缓存信息进行缓存,并根据缓存的加载缓存信息所指示的图片加载地址执行从远程获取图片的操作的步骤。上述方法可以根据缓存的加载缓存信息主动获取目标图片,当获取到目标图片之后进行保存,在接收到用户的相应指令后展示上述目标图片。本实施例所提供的方案在节省流量的基础上,在后台获取本次访问未根据用户指令加载成功的图片,并在用户再次浏览这些图片时进行展现。由于在后台所获取的信息的展现时机与用户需求贴合,可以进一步改善用户体验。
在本实施例的一些可选的实现方式中,上述用于加载页面图片的方法还可以包括:生成目标图片的按照预设比例缩小的压缩图片并保存。
进一步可选地,上述用于加载页面图片的方法还可以包括生成目标图片的按照预设比例缩小的压缩图片并保存,以在接收到用户对压缩图片的浏览请求时,展示上述压缩图片。
进一步可选地,上述用于加载页面图片的方法还可以包括将压缩图片与预设展示压缩图片的页面数据进行关联。
在一些应用场景中,压缩图片可以包括第一压缩图片和第二压缩图片,第一压缩图片的大小大于第二压缩图片的大小;其中,第一压缩图片供用户预览目标图片的信息,第二压缩图片供用户在缩略图中浏览目标图片的信息。
请参考图3,其示出了本发明的一个原理性流程图。如图3所示,在步骤301中,可以接收获取目标图片的指令,执行获取目标图片的操作,然后在步骤302中判断获取目标图片是否成功。若是,执行步骤303的操作,在页面中展示目标图片,并在本地预设图片存储空间内保存目标图片。若否,则进入执行步骤304~306的操作。步骤304,生成目标图片的加载缓存信息,并将加载缓存信息存入预设加载信息缓存空间,加载缓存信息包括目标图片所对应的关键字以及目标图片的加载地址。步骤305,每隔预设时间间隔,基于目标图片对应的关键字从预设加载信息缓存空间中读取加载缓存信息,根据加载地址执行从远程获取目标图片的操作。步骤306,若获取到目标图片,将目标图片保存在预设图片存储空间。此外,还可以进一步对目标图片进行分析处理,例如生成目标图片的压缩图片,以供用户浏览图片的预览图,或者供用户在列表中浏览图片等。
进一步参考图4,作为对上述各图所示方法的实现,本发明提供了一种用于加载页面图片的装置的一个实施例,该装置实施例与图1所示的方法实施例相对应,该装置具体可以应用于各种电子设备中。
如图4所示,本实施例的用于加载页面图片的装置包括:图片信息获取单元401、确定单元402、图片获取单元403和展示单元404。其中,图片信息获取单元401,用于响应于接收到页面中的目标图片的加载指令,获取所述目标图片的图片信息,所述图片信息包括图片加载地址;确定单元402,用于确定本地是否存储有所述目标图片;图片获取单元403,用于响应于确定本地无存储所述目标图片,基于所述图片加载地址从远程获取所述目标图片;展示单元404,用于若获取所述目标图片成功,在所述页面中展示所述目标图片,并在本地预设图片存储空间内保存所述目标图片。
在本实施例中,用于加载页面图片的装置的图片信息获取单元401、确定单元402、图片获取单元403和展示单元404的具体处理及其所带来的技术效果可分别参考图1对应实施例中步骤101、步骤102、步骤103和步骤104的相关说明,在此不再赘述。
在本实施例的一些可选的实现方式中,用于加载页面图片的装置400还包括缓存单元(图中未示出)。缓存单元用于:若获取所述目标图片失败,生成所述目标图片的加载缓存信息,并将所述加载缓存信息存入预设加载信息缓存空间,所述加载缓存信息包括所述目标图片所对应的关键字以及所述目标图片的加载地址。
在本实施例的一些可选的实现方式中,图片获取单元进一步用于:每隔预设时间间隔,基于所述目标图片对应的关键字从所述预设加载信息缓存空间中读取所述加载缓存信息,并根据所述加载地址执行从远程获取所述目标图片的操作;若获取到所述目标图片,将所述目标图片保存在预设图片存储空间。
在本实施例的一些可选的实现方式中,用于加载页面图片的装置400还包括压缩单元(图中未示出)。压缩单元用于:生成目标图片的按照预设比例缩小的压缩图片并保存。
在本实施例的一些可选的实现方式中,用于加载页面图片的装置400还包括关联单元(图中未示出)。关联单元用于:将压缩图片与预设展示压缩图片的页面数据进行关联。
在本实施例的一些可选的实现方式中,压缩图片包括第一压缩图片和第二压缩图片,第一压缩图片的大小大于第二压缩图片;其中,第一压缩图片供用户预览目标图片的信息,第二压缩图片供用户在缩略图中浏览目标图片的信息。
请参考图5,图5示出了本发明的一个实施例的用于加载页面图片的方法可以应用于其中的示例性***架构。
如图5所示,***架构可以包括终端设备501、502、503,网络504和服务器505。网络504用以在终端设备501、502、503和服务器505之间提供通信链路的介质。网络504可以包括各种连接类型,例如有线、无线通信链路或者光纤电缆等等。
终端设备501、502、503可以通过网络504与服务器505交互,以接收或发送消息等。终端设备501、502、503上可以安装有各种客户端应用,例如网页浏览器应用、搜索类应用、新闻资讯类应用。
终端设备501、502、503可以是硬件,也可以是软件。当终端设备501、502、503为硬件时,可以是具有显示屏并且支持网页浏览的各种电子设备,包括但不限于智能手机、平板电脑、电子书阅读器、MP3播放器(Moving Picture Experts Group Audio Layer III,动态影像专家压缩标准音频层面3)、MP4(Moving Picture Experts Group Audio Layer IV,动态影像专家压缩标准音频层面4)播放器、膝上型便携计算机和台式计算机等等。当终端设备501、502、503为软件时,可以安装在上述所列举的电子设备中。其可以实现成多个软件或软件模块(例如用来提供分布式服务的软件或软件模块),也可以实现成单个软件或软件模块。在此不做具体限定。
终端设备501、502、503可以接收用户的信息浏览指令,信息浏览指令可以包括页面浏览指令。终端设备可以根据信息浏览指令所返回的数据中,确定页面数据信息。
服务器505可以提供各种服务,例如接收终端设备501、502、503发送的信息获取请求,对信息获取请求进行分析处理,将分析处理结果(例如页面数据信息)发送给终端设备。
需要说明的是,本发明实施例所提供的用于加载页面图片的方法一般由终端设备501、502、503执行,相应地,用于加载页面图片的装置一般设置于终端设备501、502、503中。
应该理解,图5中的终端设备、网络和服务器的数目仅仅是示意性的。根据实现需要,可以具有任意数目的终端设备、网络和服务器。
下面参考图6,其示出了适于用来实现本发明实施例的电子设备的基本结构示意图。图6示出的电子设备仅仅是一个示例,不应对本发明实施例的功能和使用范围带来任何限制。
如图6所示,电子设备可以包括一个或多个处理器601,存储装置602。存储装置602用户存储一个或多个程序。存储装置602中的一个或多个程序可以被一个或多个处理器601执行。当一个或多个程序被一个或多个处理器执行时,使得一个或多个处理器可以实现本发明的方法中限定的上述功能。
描述于本发明实施例中所涉及到的模块可以通过软件的方式实现,也可以通过硬件的方式来实现。所描述的模块也可以设置在处理器中,例如,可以描述为:一种处理器包括图片信息获取单元、确定单元、图片获取单元和展示单元。其中,这些模块的名称在某种情况下并不构成对该模块本身的限定,例如,图片信息获取单元还可以被描述为“响应于接收到页面中的目标图片的加载指令,获取目标图片的图片信息的单元”。
作为另一方面,本发明还提供了一种计算机可读介质,该计算机可读介质可以是上述实施例中描述的设备中所包含的;也可以是单独存在,而未装配入该设备中。本发明的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的***、装置或器件,或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于:具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。
上述计算机可读介质承载有一个或者多个程序,当上述一个或者多个程序被该设备执行时,使得该设备:响应于接收到页面中的目标图片的加载指令,获取目标图片的图片信息,图片信息包括图片加载地址;确定本地是否存储有目标图片;响应于确定本地无存储目标图片,基于图片加载地址从远程获取目标图片;若获取目标图片成功,在页面中展示目标图片,并在本地预设图片存储空间内保存目标图片。
上述具体实施方式,并不构成对本发明保护范围的限制。本领域技术人员应该明白的是,取决于设计要求和其他因素,可以发生各种各样的修改、组合、子组合和替代。任何在本发明的精神和原则之内所作的修改、等同替换和改进等,均应包含在本发明保护范围之内。
Claims (14)
1.一种用于加载页面图片的方法,其特征在于,包括:
响应于接收到页面中的目标图片的加载指令,获取所述目标图片的图片信息,所述图片信息包括图片加载地址;
确定本地是否存储有所述目标图片;
响应于确定本地无存储所述目标图片,基于所述图片加载地址从远程获取所述目标图片;
若获取所述目标图片成功,在所述页面中展示所述目标图片,并在本地预设图片存储空间内保存所述目标图片。
2.根据权利要求1所述的方法,其特征在于,所述方法还包括:
若获取所述目标图片失败,生成所述目标图片的加载缓存信息,并将所述加载缓存信息存入预设加载信息缓存空间,所述加载缓存信息包括所述目标图片所对应的关键字以及所述目标图片的加载地址。
3.根据权利要求2所述的方法,其特征在于,所述方法还包括:
每隔预设时间间隔,基于所述目标图片对应的关键字从所述预设加载信息缓存空间中读取所述加载缓存信息,并根据所述加载地址执行从远程获取所述目标图片的操作;
若获取到所述目标图片,将所述目标图片保存在预设图片存储空间。
4.根据权利要求1或3所述的方法,其特征在于,所述方法还包括:
生成所述目标图片的按照预设比例缩小的压缩图片并保存。
5.根据权利要求4所述的方法,其特征在于,所述方法还包括:
将所述压缩图片与预设展示所述压缩图片的页面数据进行关联。
6.根据权利要求4所述的方法,其特征在于,所述压缩图片包括第一压缩图片和第二压缩图片,所述第一压缩图片的大小大于所述第二压缩图片的大小;其中,所述第一压缩图片供用户预览所述目标图片的信息,所述第二压缩图片供用户在缩略图中浏览所述目标图片的信息。
7.一种用于加载页面图片的装置,其特征在于,包括:
图片信息获取单元,用于响应于接收到页面中的目标图片的加载指令,获取所述目标图片的图片信息,所述图片信息包括图片加载地址;
确定单元,用于确定本地是否存储有所述目标图片;
图片获取单元,用于响应于确定本地无存储所述目标图片,基于所述图片加载地址从远程获取所述目标图片;
展示单元,用于若获取所述目标图片成功,在所述页面中展示所述目标图片,并在本地预设图片存储空间内保存所述目标图片。
8.根据权利要求7所述的装置,其特征在于,所述装置还包括缓存单元,所述缓存单元用于:
若获取所述目标图片失败,生成所述目标图片的加载缓存信息,并将所述加载缓存信息存入预设加载信息缓存空间,所述加载缓存信息包括所述目标图片所对应的关键字以及所述目标图片的加载地址。
9.根据权利要求8所述的装置,其特征在于,所述图片获取单元进一步用于:
每隔预设时间间隔,基于所述目标图片对应的关键字从所述预设加载信息缓存空间中读取所述加载缓存信息,并根据所述加载地址执行从远程获取所述目标图片的操作;
若获取到所述目标图片,将所述目标图片保存在预设图片存储空间。
10.根据权利要求7或9所述的装置,其特征在于,所述装置还包括压缩单元,所述压缩单元用于:
生成所述目标图片的按照预设比例缩小的压缩图片并保存。
11.根据权利要求10所述的装置,其特征在于,所述装置还包括关联单元,所述关联单元用于:
将所述压缩图片与预设展示所述压缩图片的页面数据进行关联。
12.根据权利要求10所述的装置,其特征在于,所述压缩图片包括第一压缩图片和第二压缩图片,所述第一压缩图片的大小大于所述第二压缩图片;其中,所述第一压缩图片供用户预览所述目标图片的信息,所述第二压缩图片供用户在缩略图中浏览所述目标图片的信息。
13.一种电子设备,其特征在于,包括:
一个或多个处理器;
存储装置,用于存储一个或多个程序,
当所述一个或多个程序被所述一个或多个处理器执行,使得所述一个或多个处理器实现如权利要求1-6中任一所述的方法。
14.一种计算机可读介质,其上存储有计算机程序,其特征在于,该程序被处理器执行时实现如权利要求1-6中任一所述的方法。
Priority Applications (2)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910267547.0A CN110096660B (zh) | 2019-04-03 | 2019-04-03 | 用于加载页面图片的方法、装置和电子设备 |
PCT/CN2020/074438 WO2020199751A1 (zh) | 2019-04-03 | 2020-02-06 | 用于加载页面图片的方法、装置和电子设备 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910267547.0A CN110096660B (zh) | 2019-04-03 | 2019-04-03 | 用于加载页面图片的方法、装置和电子设备 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN110096660A true CN110096660A (zh) | 2019-08-06 |
CN110096660B CN110096660B (zh) | 2022-02-11 |
Family
ID=67444258
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201910267547.0A Active CN110096660B (zh) | 2019-04-03 | 2019-04-03 | 用于加载页面图片的方法、装置和电子设备 |
Country Status (2)
Country | Link |
---|---|
CN (1) | CN110096660B (zh) |
WO (1) | WO2020199751A1 (zh) |
Cited By (9)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110929197A (zh) * | 2019-11-27 | 2020-03-27 | 杭州安恒信息技术股份有限公司 | 一种网页图片的预览加载方法和装置 |
CN110990611A (zh) * | 2019-12-03 | 2020-04-10 | 北京奇艺世纪科技有限公司 | 图片缓存方法、装置、电子设备及存储介质 |
CN111625308A (zh) * | 2020-04-28 | 2020-09-04 | 北京字节跳动网络技术有限公司 | 一种信息展示方法、装置和电子设备 |
WO2020199751A1 (zh) * | 2019-04-03 | 2020-10-08 | 北京字节跳动网络技术有限公司 | 用于加载页面图片的方法、装置和电子设备 |
CN112417339A (zh) * | 2020-12-02 | 2021-02-26 | 北京齐尔布莱特科技有限公司 | 一种页面加载方法、装置、计算设备及可读存储介质 |
CN112615911A (zh) * | 2020-12-10 | 2021-04-06 | 北京五八信息技术有限公司 | 图片加载方法、图片加载装置及电子设备 |
CN112948728A (zh) * | 2019-11-26 | 2021-06-11 | 北京沃东天骏信息技术有限公司 | 一种浏览图片的方法和装置 |
CN113033173A (zh) * | 2021-04-26 | 2021-06-25 | 广州文石信息科技有限公司 | 一种流式文档图片加载方法、装置、电子设备及存储介质 |
CN113449215A (zh) * | 2020-03-26 | 2021-09-28 | 北京沃东天骏信息技术有限公司 | 一种加载图片的方法和装置 |
Families Citing this family (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN112752107B (zh) * | 2020-12-26 | 2023-02-10 | 广东工业大学 | 网页图片预处理方法、***、存储介质及计算机设备 |
CN112926009A (zh) * | 2021-03-29 | 2021-06-08 | 建信金融科技有限责任公司 | 图片资源的处理方法、装置、电子设备和介质 |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103914495A (zh) * | 2013-01-09 | 2014-07-09 | 阿里巴巴集团控股有限公司 | 一种页面预览方法及*** |
US20140310372A1 (en) * | 2013-04-12 | 2014-10-16 | Tencent Technology (Shenzhen) Company Limited | Method, terminal, cache server and system for updating webpage data |
CN104253836A (zh) * | 2013-06-27 | 2014-12-31 | 腾讯科技(深圳)有限公司 | 基于无线网络的图片显示方法、移动终端和*** |
CN108769195A (zh) * | 2018-05-29 | 2018-11-06 | 北京搜狐新动力信息技术有限公司 | 一种媒体数据的处理方法及装置 |
Family Cites Families (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110096660B (zh) * | 2019-04-03 | 2022-02-11 | 北京字节跳动网络技术有限公司 | 用于加载页面图片的方法、装置和电子设备 |
-
2019
- 2019-04-03 CN CN201910267547.0A patent/CN110096660B/zh active Active
-
2020
- 2020-02-06 WO PCT/CN2020/074438 patent/WO2020199751A1/zh active Application Filing
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103914495A (zh) * | 2013-01-09 | 2014-07-09 | 阿里巴巴集团控股有限公司 | 一种页面预览方法及*** |
US20140310372A1 (en) * | 2013-04-12 | 2014-10-16 | Tencent Technology (Shenzhen) Company Limited | Method, terminal, cache server and system for updating webpage data |
CN104253836A (zh) * | 2013-06-27 | 2014-12-31 | 腾讯科技(深圳)有限公司 | 基于无线网络的图片显示方法、移动终端和*** |
CN108769195A (zh) * | 2018-05-29 | 2018-11-06 | 北京搜狐新动力信息技术有限公司 | 一种媒体数据的处理方法及装置 |
Cited By (11)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2020199751A1 (zh) * | 2019-04-03 | 2020-10-08 | 北京字节跳动网络技术有限公司 | 用于加载页面图片的方法、装置和电子设备 |
CN112948728A (zh) * | 2019-11-26 | 2021-06-11 | 北京沃东天骏信息技术有限公司 | 一种浏览图片的方法和装置 |
CN110929197A (zh) * | 2019-11-27 | 2020-03-27 | 杭州安恒信息技术股份有限公司 | 一种网页图片的预览加载方法和装置 |
CN110990611A (zh) * | 2019-12-03 | 2020-04-10 | 北京奇艺世纪科技有限公司 | 图片缓存方法、装置、电子设备及存储介质 |
CN110990611B (zh) * | 2019-12-03 | 2023-04-21 | 北京奇艺世纪科技有限公司 | 图片缓存方法、装置、电子设备及存储介质 |
CN113449215A (zh) * | 2020-03-26 | 2021-09-28 | 北京沃东天骏信息技术有限公司 | 一种加载图片的方法和装置 |
CN111625308A (zh) * | 2020-04-28 | 2020-09-04 | 北京字节跳动网络技术有限公司 | 一种信息展示方法、装置和电子设备 |
CN112417339A (zh) * | 2020-12-02 | 2021-02-26 | 北京齐尔布莱特科技有限公司 | 一种页面加载方法、装置、计算设备及可读存储介质 |
CN112615911A (zh) * | 2020-12-10 | 2021-04-06 | 北京五八信息技术有限公司 | 图片加载方法、图片加载装置及电子设备 |
CN112615911B (zh) * | 2020-12-10 | 2023-06-16 | 北京五八信息技术有限公司 | 图片加载方法、图片加载装置及电子设备 |
CN113033173A (zh) * | 2021-04-26 | 2021-06-25 | 广州文石信息科技有限公司 | 一种流式文档图片加载方法、装置、电子设备及存储介质 |
Also Published As
Publication number | Publication date |
---|---|
WO2020199751A1 (zh) | 2020-10-08 |
CN110096660B (zh) | 2022-02-11 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN110096660A (zh) | 用于加载页面图片的方法、装置和电子设备 | |
KR101496875B1 (ko) | 통신 장치 상에서 콘텐츠를 검색/다운로딩하기 위한 장치 및 방법들 | |
CN110688595B (zh) | 一种文件在线预览方法、装置、设备和存储介质 | |
CN106844705B (zh) | 用于显示多媒体内容的方法和装置 | |
CN107040584B (zh) | 客户端下载图片的方法及装置 | |
CN112559927B (zh) | 一种网页加载方法及装置 | |
CN106453572B (zh) | 基于云服务器同步图像的方法及*** | |
US20170109371A1 (en) | Method and Apparatus for Processing File in a Distributed System | |
CN109992406B (zh) | 图片请求方法、响应图片请求的方法及客户端 | |
CN107291913B (zh) | 超文本标记语言网页加载方法及装置 | |
US11032683B2 (en) | Method and apparatus for publishing cloud resource | |
CN105867714A (zh) | 应用程序下载方法、装置及*** | |
CN105871945A (zh) | 图片信息发送方法和装置、瀑布流布局方法和装置 | |
CN113535032A (zh) | 一种信息显示方法、装置、电子设备和存储介质 | |
CN108256014A (zh) | 页面展示方法及装置 | |
CN108334516A (zh) | 信息推送方法和装置 | |
CN106250536A (zh) | 一种空间页面背景设置方法、装置及*** | |
CN106354792B (zh) | 网页显示方法及装置 | |
CN111241438B (zh) | 漫画图片展示方法、装置、计算机可读存储介质和计算机设备 | |
CN108134811A (zh) | 目标文件分发或下载的方法、装置和*** | |
CN110838969B (zh) | 一种图片传输方法、装置、设备及介质 | |
CN111475761A (zh) | 客户端、服务器及内容分享控制方法 | |
CN108959393B (zh) | 动态图片处理方法、装置及存储介质 | |
CN103561068A (zh) | 一种提高网页浏览速度的方法及装置 | |
CN105721604A (zh) | 基于用户下载请求的数据发送方法和装置 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |