CN107644018A - 图片加载方法和装置 - Google Patents
图片加载方法和装置 Download PDFInfo
- Publication number
- CN107644018A CN107644018A CN201610573267.9A CN201610573267A CN107644018A CN 107644018 A CN107644018 A CN 107644018A CN 201610573267 A CN201610573267 A CN 201610573267A CN 107644018 A CN107644018 A CN 107644018A
- Authority
- CN
- China
- Prior art keywords
- target photo
- picture
- loading
- load
- 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.)
- Pending
Links
Landscapes
- Information Transfer Between Computers (AREA)
Abstract
本发明公开了一种图片加载方法,该方法包括:基于接收的页面加载指令获取页面中需加载的目标图片,在所述目标图片对应的显示区域中显示预设的占位图片;根据所述页面加载指令加载所述目标图片;若所述目标图片加载成功,则使用所述目标图片替换所述显示区域中的占位图片;若所述目标图片加载失败,则转入执行步骤:根据所述页面加载指令加载所述目标图片。本发明还公开了一种图片加载装置。本发明实现了对图片的自动重复加载,无需用户手动操作,也不影响页面中其他内容的显示。
Description
技术领域
本发明涉及网络技术领域,尤其涉及一种图片加载方法和装置。
背景技术
用户在浏览网页或是使用APP(Application,应用软件)时,页面中除了基本的文本信息,通常还包含有图片等多媒体信息。
相对于文字信息,加载页面中的图片会消耗更多的流量和系统资源,图片加载失败的概率也较大。在图片加载失败时,终端通常会在显示图片的位置提示图片加载失败。若用户需要查看此图片,则需要手动刷新页面,再次加载页面的全部内容,不仅浪费流量,而且影响用户浏览页面时的流畅体验。
发明内容
本发明的主要目的在于提供一种图片加载方法和装置,旨在解决图片加载失败后需手动重新加载图片的技术问题。
为实现上述目的,本发明提供一种图片加载方法,所述图片加载方法包括以下步骤:
基于接收的页面加载指令获取页面中需加载的目标图片,在所述目标图片对应的显示区域中显示预设的占位图片;
根据所述页面加载指令加载所述目标图片;
若所述目标图片加载成功,则使用所述目标图片替换所述显示区域中的占位图片;
若所述目标图片加载失败,则转入执行步骤:根据所述页面加载指令加载所述目标图片。
在一个实施例中,所述图片加载方法还包括:
若检测到所述目标图片连续加载失败的次数达到预设值,则控制停止加载所述目标图片。
在一个实施例中,所述根据所述页面加载指令加载所述目标图片的步骤包括:
根据所述页面加载指令,在本地缓存中查找所述目标图片;
若在所述本地缓存中成功找到所述目标图片,则转入执行步骤:使用所述目标图片替换所述显示区域中的占位图片;
若在所述本地缓存中未找到所述目标图片,则向服务器发送加载请求,加载所述目标图片;
若所述目标图片加载成功,则转入执行步骤:使用所述目标图片替换所述显示区域中的占位图片;
若所述目标图片加载失败,则转入执行步骤:向服务器发送加载请求,加载所述目标图片。
在一个实施例中,所述页面中包括多个需加载的目标图片,所述向服务器发送加载请求,加载所述目标图片的步骤包括:
根据在所述本地缓存中未查找到的各目标图片,配置任务队列;
以轮询的方式,依次向所述服务器发送加载请求,加载所述任务队列中的各目标图片。
在一个实施例中,所述使用所述目标图片替换所述显示区域中的占位图片的步骤包括:
若检测到所述任务队列中包含加载成功的目标图片,则使用所述加载成功的目标图片替换所述加载成功的目标图片对应的显示区域中的占位图片,并在所述任务队列中删除所述加载成功的目标图片;
判断所述任务队列是否为空;
若所述任务队列不为空,则转入执行步骤:以轮询的方式,依次向所述服务器发送加载请求,加载所述任务队列中的各目标图片。
此外,为实现上述目的,本发明还提供一种图片加载装置,所述图片加载装置包括:
占位模块,用于基于接收的页面加载指令获取页面中需加载的目标图片,在所述目标图片对应的显示区域中显示预设的占位图片;
加载模块,用于根据所述页面加载指令加载所述目标图片;
替换模块,用于若所述目标图片加载成功,则使用所述目标图片替换所述显示区域中的占位图片;
所述加载模块,还用于若所述目标图片加载失败,则根据所述页面加载指令加载所述目标图片。
在一个实施例中,所述图片加载装置还包括:
停止模块,用于若检测到所述目标图片连续加载失败的次数达到预设值,则控制停止加载所述目标图片。
在一个实施例中,所述加载模块还用于,
根据所述页面加载指令,在本地缓存中查找所述目标图片;若在所述本地缓存中未找到所述目标图片,则向服务器发送加载请求,加载所述目标图片;
所述加载模块,还用于若所述目标图片加载失败,则转入执行步骤:向服务器发送加载请求,加载所述目标图片;
所述替换模块,还用于若在所述本地缓存中成功找到所述目标图片,或所述目标图片加载成功,则使用所述目标图片替换所述显示区域中的占位图片。
在一个实施例中,所述页面中包括多个需加载的目标图片,所述加载模块还用于,
根据在所述本地缓存中未查找到的各目标图片,配置任务队列;以轮询的方式,依次向所述服务器发送加载请求,加载所述任务队列中的各目标图片。
在一个实施例中,所述替换模块还用于,
若检测到所述任务队列中包含加载成功的目标图片,则使用所述加载成功的目标图片替换所述加载成功的目标图片对应的显示区域中的占位图片,并在所述任务队列中删除所述加载成功的目标图片;
所述加载模块,还用于,
判断所述任务队列是否为空;若所述任务队列不为空,则以轮询的方式,依次向所述服务器发送加载请求,加载所述任务队列中的各目标图片。
本发明实施例提出的一种图片加载方法和装置,基于接收的页面加载指令获取页面中需加载的目标图片,在此目标图片对应的显示区域中显示预设的占位图片;同时,根据页面加载指令加载目标图片;若目标图片加载成功,则使用目标图片替换其对应的显示区域中的占位图片;若目标图片加载失败,则再次根据页面加载指令加载目标图片,直至目标图片加载成功。本发明通过在图片加载失败时自动再次进行加载,直至成功加载,实现了对图片的自动重复加载,无需用户手动操作,也不影响页面中其他内容的显示。并且,本发明中通过占位图片的显示,避免了图片加载过程过长或是图片加载失败时,页面中对应显示区域的空白或裂图给用户带来负面情绪。
附图说明
图1为本发明图片加载方法第一实施例的流程示意图;
图2为本发明图片加载方法第二实施例的流程示意图;
图3为本发明图片加载方法第三实施例的流程示意图;
图4为本发明图片加载方法第四实施例的流程示意图;
图5为图4中使用所述目标图片替换所述显示区域中的占位图片的步骤的细化流程示意图;
图6为本发明图片加载装置第一实施例、第三实施例、第四实施例和第五实施例的功能模块示意图;
图7为本发明图片加载装置第二实施例的功能模块示意图;
图8为本发明实施例中一种任务队列示意图;
图9为本发明实施例中一种任务队列示意图。
本发明目的的实现、功能特点及优点将结合实施例,参照附图做进一步说明。
具体实施方式
应当理解,此处所描述的具体实施例仅仅用以解释本发明,并不用于限定本发明。
参照图1,本发明图片加载方法第一实施例提供一种图片加载方法,所述图片加载方法包括:
步骤S10、基于接收的页面加载指令获取页面中需加载的目标图片,在所述目标图片对应的显示区域中显示预设的占位图片。
本发明在图片加载失败时,可自动重复加载,直至图片加载成功,无需用户手动刷新页面,提升了用户体验。
具体的,作为一种实施方式,当用户使用终端的浏览器打开浏览网页,或是打开APP(Application,应用软件)页面时,或是刷新页面时,输入页面加载指令。
终端在接收到页面加载指令后,检测当前页面中是否包含有需要加载的图片。若当前页面中包含有需要加载的图片,则获取此需加载的图片为目标图片。
然后,调用预设的占位图片,显示在页面中此目标图片对应的显示区域。其中,预设的占位图片的内容可根据业务需要灵活配置,用于替代“正在加载中”或是“加载失败”的提示图片。
本实施例中,通过使用占位图片,可以避免在图片加载过程中,不显示任何提示信息造成用户不清楚图片的加载状态,进行错误的判断;也可以避免页面中一直显示“正在加载中”给用户造成图片加载的时间较长的认知;另外,在图片加载失败时,还可以减少“加载失败”的提示图片给用户造成的心理落差。
步骤S20、根据所述页面加载指令加载所述目标图片。
终端根据页面加载指令,获取指向目标图片的链接地址URL(Uniform ResourceLocator,统一资源定位符),根据此链接地址向服务器发送请求,加载目标图片。
步骤S30、若所述目标图片加载成功,则使用所述目标图片替换所述显示区域中的占位图片。
若终端成功加载目标图片,则使用获取的目标图片替换掉页面中目标图片对应显示区域中的占位图片,实现目标图片的显示,使用户可以看到加载成功的目标图片。
作为一种实施方式,若所述目标图片加载失败,则转入执行步骤S20
具体的,若由于当前的网络状况较差等情况,导致目标图片加载失败,则根据页面加载指令重新加载目标图片,直至图片加载成功。
进一步的,在重复加载图片时,可以根据需要配置重复加载的频率。
在本实施例中,基于接收的页面加载指令获取页面中需加载的目标图片,在此目标图片对应的显示区域中显示预设的占位图片;同时,根据页面加载指令加载目标图片;若目标图片加载成功,则使用目标图片替换其对应的显示区域中的占位图片;若目标图片加载失败,则再次根据页面加载指令加载目标图片,直至目标图片加载成功。本实施例通过在图片加载失败时自动再次进行加载,直至成功加载,实现了对图片的自动重复加载,无需用户手动操作,也不影响页面中其他内容的显示。并且,本实施例中通过占位图片的显示,避免了图片加载过程过长或是图片加载失败时,页面中对应显示区域的空白或裂图给用户带来负面情绪。
进一步的,参照图2,本发明图片加载方法第二实施例提供一种图片加载方法,基于上述图1所示的实施例,所述图片加载方法还包括:
步骤S40、若检测到所述目标图片连续加载失败的次数达到预设值,则控制停止加载所述目标图片。
在终端重复加载目标图片时,时刻监控目标图片的加载状态。
作为一种实施方式,终端预先配置有目标图片重复加载的最大次数。
当目标图片首次加载失败,终端开始记录目标图片的重复加载次数。每当终端再次加载目标图片时,终端更新目标图片的重复加载次数。
在目标图片连续加载失败的次数达到预设值时,终端判定放弃加载此目标图片,控制停止对此目标图片的加载,结束此目标图片的加载流程。
在本实施例中,若检测到目标图片连续加载失败的次数达到预设值,则控制停止加载目标图片。本实施例实现了对图片加载过程的监控,在目标图片连续多次加载失败时及时停止对目标图片的加载,从而减轻了系统资源内的负担,避免在网络状态特别差等情况下持续重复加载图片造成的资源损耗。
进一步的,参照图3,本发明图片加载方法第三实施例提供一种图片加载方法,基于上述图1或图2所示的实施例(本实施例以图1为例),所述步骤S20包括:
步骤S21、根据所述页面加载指令,在本地缓存中查找所述目标图片。
本实施例在加载目标图片时,首先查找本地缓存中是否有目标图片的缓存文件。
作为一种实施方式,本地缓存中以Key-Value的形式存储各目标图片的缓存文件。其中,Key为目标文件的链接地址URL,Value为对应的缓存文件。
则在收到页面加载指令时,终端首先将目标图片的链接地址URL作为Key,在本地缓存中查找对应的Value。
若成功查找到对应的Value,则获取此Value为目标图片对应的缓存文件,判定成功在本地缓存中找到目标图片。
作为一种实施方式,若在所述本地缓存中成功找到所述目标图片,则转入执行步骤S30。
若在本地缓存中成功查找到目标图片,则判定目标图片加载成功,终端调用此目标图片的缓存文件,使用缓存文件替换此目标图片对应的显示区域中的占位图片,实现目标图片的显示。
步骤S22、若在所述本地缓存中未找到所述目标图片,则向服务器发送加载请求,加载所述目标图片。
若在本地缓存中未查找到目标图片,则终端根据目标图片的链接地址URL,向服务器发送查询请求,获取目标图片,进行目标图片的加载。终端发送的加载请求中携带了目标图片的链接地址URL和终端的识别信息,其中,目标图片的链接地址URL可供服务器查找当前终端需加载的目标图片,目标图片的链接地址URL可供服务器将查找到的目标图片返回给正确的终端。
若终端在预设的周期内收到服务器返回的目标图片,则判定目标图片加载成功;若终端在预设的周期内未收到服务器返回的目标图片,则判定目标图片加载失败。
作为一种实施方式,若所述目标图片加载成功,则转入执行步骤:S30;
若所述目标图片加载失败,则转入执行步骤:向服务器发送加载请求,加载所述目标图片,也即步骤S22。
在本实施例中,加载目标图片时,首先在本地缓存中查找目标图片的缓存文件;若在本地缓存中成功找到目标图片,则调用缓存中的目标图片,替换其对应的显示区域中的占位图片;若在本地缓存中未查找到目标图片,则向服务器发送加载请求,加载目标图片;若成功获取服务器返回的目标图片,加载成功,则使用得到的目标图片替换掉其对应的显示区域内的占位图片;若未从服务器获取返回的目标图片,则再次向服务器发送加载请求,加载此目标图片,直至目标图片加载成功,或是在目标图片连续加载失败的次数达到预设值时停止加载。本实施例通过配置本地缓存,减少了目标图片加载的流量消耗;当目标图片无对应的缓存文件时,再向服务器请求加载。并且,本实施例配置仅在首次加载目标图片时查询本地缓存,当图片加载失败再次加载时仅需要向服务器发送加载请求即可,减轻了终端的负担。
进一步的,参照图4,本发明图片加载方法第四实施例提供一种图片加载方法,基于上述图3所示的实施例,所述页面中包括多个需加载的目标图片,所述步骤S22包括:
步骤S221、根据在所述本地缓存中未查找到的各目标图片,配置任务队列;
步骤S222、以轮询的方式,依次向所述服务器发送加载请求,加载所述任务队列中的各目标图片。
本实施例中,页面中包含多个需加载的图片,则在加载页面时,需同时加载多个目标图片。
具体的,作为一种实施方式,终端在各目标图片对应的显示区域中分别显示预设的占位图片。同时,终端在本地缓存中,分别查询各目标图片。
若在本地缓存中查找到目标图片,则终端调用查找到的目标图片缓存文件,显示在页面中对应的区域,替换掉占位图片。
若在本地缓存中未查找到的目标图片有一个或多个,则根据未查找到的各目标图片,配置任务队列。在配置任务队列时,可以随机排列各目标图片的顺序;也可以根据各目标图片的优先级进行排序,可根据需要灵活设置。
在得到任务队列后,终端以轮询的方式,依次向服务器发送加载请求,任务队列中的各目标图片。
以任务队列中包括6个目标图片作为应用场景进行举例说明。
参照图8,任务队列中由队首至队尾依次为:图片1、图片2、图片3、图片4、图片5和图片6。
则,终端依次向服务器发送图片1、图片2、图片3、图片4、图片5和图片6的加载请求。
若6张图片全部获取失败,则终端再次根据队列的顺序,向服务器发送各图片的加载请求,直至图片加载成功,或连续加载失败的次数达到预设值停止加载。
由此,实现了对任务队列中目标图片的轮询加载。
在本实施例中,页面中包含多个需要加载的目标图片,则在查询本地缓存后,根据在本地缓存中未查找到的各目标图片配置任务队列;以轮询的方式,依次向服务器发送加载请求,加载任务队列中的各目标图片。本实施例在同时加载多个目标图片时,通过任务队列的配置,轮询进行加载,保障了多个目标加载的有序性。
进一步的,参照图5,本发明图片加载方法第五实施例提供一种图片加载方法,基于上述图4所示的实施例,步骤S30包括:
步骤S31、若检测到所述任务队列中包含加载成功的目标图片,则使用所述加载成功的目标图片替换所述加载成功的目标图片对应的显示区域中的占位图片,并在所述任务队列中删除所述加载成功的目标图片。
在加载目标图片时,若任务队列中有加载成功的目标图片,则终端使用此加载成功的目标图片替换其对应的显示区域中的占位图片,实现此目标图片的显示。
同时,终端删除任务队列中此加载成功的目标图片所对应的任务,并更新任务队列。
步骤S32、判断所述任务队列是否为空;
若所述任务队列不为空,则转入执行步骤S222。
也即,在每一次任务队列更新后,终端均需要判断当前任务队列是否为空,是否还包含有未加载的目标图片。
当任务队列不为空时,继续以轮询的方式,依次向服务器发送加载请求,加载更新后的任务队列中的各目标图片。
基于上述图8所示的应用场景,若在第一次轮询加载各目标图片时,图片3和图片5加载成功,则使用获取的图片3替换其对应显示区域中的占位图片,使用获取的图片5替换其对应显示区域中的占位图片,并删除任务队列中的图片3和图片5,更新任务队列。更新后的任务队列照图9。
由于任务队列不为空,终端根据更新后的任务队列开始第二轮轮询加载,终端依次向服务器发送图片1、图片2、图片4和图片6的加载请求。
以此类推,直至完成任务队列中全部图片的加载。
进一步的,在加载目标图片时,分别统计任务队列中各目标图片的重复加载次数。
若检测到任务队列中包含有连续加载失败的次数达到预设值的目标图片,则删除任务队列中的此目标图片对应的加载任务,控制停止加载此目标图片。
或,在加载目标图片时,统计任务队列轮询加载的次数。
若任务队列轮询加载的次数达到预设值,则删除任务队列,控制停止加载此任务队列中的目标图片
在本实施例中,若检测到任务队列中包含加载成功的目标图片,则使用加载成功的目标图片替换其对应的显示区域中的占位图片,并在任务队列中删除此目标图片的加载任务;然后,判断任务队列是否为空,也即判断当前是否已完成全部目标图片的加载;若任务队列不为空,则继续以轮询的方式,依次向服务器发送加载请求,加载任务队列中剩余的各目标图片。本实施例在成功加载任务队列中的部分目标图片时,及时删除任务队列中对应的加载任务,避免重复加载相同的图片。
参照图6,本发明图片加载装置第一实施例提供一种图片加载装置,所述图片加载装置包括:
占位模块10,用于基于接收的页面加载指令获取页面中需加载的目标图片,在所述目标图片对应的显示区域中显示预设的占位图片。
本发明在图片加载失败时,可自动重复加载,直至图片加载成功,无需用户手动刷新页面,提升了用户体验。
具体的,作为一种实施方式,当用户使用终端的浏览器打开浏览网页,或是打开APP(Application,应用软件)页面时,或是刷新页面时,输入页面加载指令。
占位模块10在接收到页面加载指令后,检测当前页面中是否包含有需要加载的图片。若当前页面中包含有需要加载的图片,则获取此需加载的图片为目标图片。
然后,占位模块10调用预设的占位图片,显示在页面中此目标图片对应的显示区域。其中,预设的占位图片的内容可根据业务需要灵活配置,用于替代“正在加载中”或是“加载失败”的提示图片。
本实施例中,通过使用占位图片,可以避免在图片加载过程中,不显示任何提示信息造成用户不清楚图片的加载状态,进行错误的判断;也可以避免页面中一直显示“正在加载中”给用户造成图片加载的时间较长的认知;另外,在图片加载失败时,还可以减少“加载失败”的提示图片给用户造成的心理落差。
加载模块20,用于根据所述页面加载指令加载所述目标图片。
加载模块20根据页面加载指令,获取指向目标图片的链接地址URL(UniformResource Locator,统一资源定位符),根据此链接地址向服务器发送请求,加载目标图片。
替换模块30,用于若所述目标图片加载成功,则使用所述目标图片替换所述显示区域中的占位图片。
若加载模块20成功加载目标图片,则替换模块30使用获取的目标图片替换掉页面中目标图片对应显示区域中的占位图片,实现目标图片的显示,使用户可以看到加载成功的目标图片。
所述加载模块20,还用于若所述目标图片加载失败,则根据所述页面加载指令加载所述目标图片。
具体的,若由于当前的网络状况较差等情况,导致目标图片加载失败,则加载模块20根据页面加载指令重新加载目标图片,直至图片加载成功。
进一步的,在加载模块20重复加载图片时,可以根据需要配置重复加载的频率。
在本实施例中,基于接收的页面加载指令获取页面中需加载的目标图片,在占位模块10此目标图片对应的显示区域中显示预设的占位图片;同时,加载模块20根据页面加载指令加载目标图片;若目标图片加载成功,则替换模块30使用目标图片替换其对应的显示区域中的占位图片;若目标图片加载失败,则加载模块20再次根据页面加载指令加载目标图片,直至目标图片加载成功。本实施例通过在图片加载失败时自动再次进行加载,直至成功加载,实现了对图片的自动重复加载,无需用户手动操作,也不影响页面中其他内容的显示。并且,本实施例中通过占位图片的显示,避免了图片加载过程过长或是图片加载失败时,页面中对应显示区域的空白或裂图给用户带来负面情绪。
进一步的,参照图7,本发明图片加载装置第二实施例提供一种图片加载装置,基于上述图6所示的实施例,所述图片加载装置还包括:
停止模块40,用于若检测到所述目标图片连续加载失败的次数达到预设值,则控制停止加载所述目标图片。
在加载模块20重复加载目标图片时,停止模块40时刻监控目标图片的加载状态。
作为一种实施方式,停止模块40预先配置有目标图片重复加载的最大次数。
当目标图片首次加载失败,停止模块40开始记录目标图片的重复加载次数。每当终端再次加载目标图片时,停止模块40更新目标图片的重复加载次数。
在目标图片连续加载失败的次数达到预设值时,停止模块40判定放弃加载此目标图片,控制停止对此目标图片的加载,结束此目标图片的加载流程。
在本实施例中,若检测到目标图片连续加载失败的次数达到预设值,则停止模块40控制停止加载目标图片。本实施例实现了对图片加载过程的监控,在目标图片连续多次加载失败时及时停止对目标图片的加载,从而减轻了系统资源内的负担,避免在网络状态特别差等情况下持续重复加载图片造成的资源损耗。
进一步的,参照图6,本发明图片加载装置第三实施例提供一种图片加载装置,基于上述图6或图7所示的实施例(本实施例以上述图6为例),所述加载模块20还用于,
根据所述页面加载指令,在本地缓存中查找所述目标图片;若在所述本地缓存中未找到所述目标图片,则向服务器发送加载请求,加载所述目标图片;
所述加载模块20,还用于若所述目标图片加载失败,则转入执行步骤:向服务器发送加载请求,加载所述目标图片;
所述替换模块30,还用于若在所述本地缓存中成功找到所述目标图片,或所述目标图片加载成功,则使用所述目标图片替换所述显示区域中的占位图片。
本实施例在加载目标图片时,加载模块20首先查找本地缓存中是否有目标图片的缓存文件。
作为一种实施方式,本地缓存中以Key-Value的形式存储各目标图片的缓存文件。其中,Key为目标文件的链接地址URL,Value为对应的缓存文件。
则在收到页面加载指令时,加载模块20首先将目标图片的链接地址URL作为Key,在本地缓存中查找对应的Value。
若加载模块20成功查找到对应的Value,则获取此Value为目标图片对应的缓存文件,判定成功在本地缓存中找到目标图片。
若在本地缓存中成功查找到目标图片,则判定目标图片加载成功,加载模块30调用此目标图片的缓存文件,使用缓存文件替换此目标图片对应的显示区域中的占位图片,实现目标图片的显示。
若在本地缓存中未查找到目标图片,则加载模块20根据目标图片的链接地址URL,向服务器发送查询请求,获取目标图片,进行目标图片的加载。加载模块20发送的加载请求中携带了目标图片的链接地址URL和终端的识别信息,其中,目标图片的链接地址URL可供服务器查找当前终端需加载的目标图片,目标图片的链接地址URL可供服务器将查找到的目标图片返回给正确的终端。
若加载模块20在预设的周期内收到服务器返回的目标图片,则判定目标图片加载成功;若加载模块20在预设的周期内未收到服务器返回的目标图片,则判定目标图片加载失败。
若目标图片加载成功,则替换模块30使用目标图片替换其对应显示区域中的占位图片;若目标图片加载失败,则加载模块20再次向服务器发送加载请求,加载目标图片。
在本实施例中,加载模块20加载目标图片时,首先在本地缓存中查找目标图片的缓存文件;若在本地缓存中成功找到目标图片,则替换模块30调用缓存中的目标图片,替换其对应的显示区域中的占位图片;若在本地缓存中未查找到目标图片,则加载模块20向服务器发送加载请求,加载目标图片;若加载模块20成功获取服务器返回的目标图片,加载成功,则替换模块30使用得到的目标图片替换掉其对应的显示区域内的占位图片;若加载模块20未从服务器获取返回的目标图片,则再次向服务器发送加载请求,加载此目标图片,直至目标图片加载成功,或是在目标图片连续加载失败的次数达到预设值时停止加载。本实施例通过配置本地缓存,减少了目标图片加载的流量消耗;当目标图片无对应的缓存文件时,再向服务器请求加载。并且,本实施例配置仅在首次加载目标图片时查询本地缓存,当图片加载失败再次加载时仅需要向服务器发送加载请求即可,减轻了终端的负担。
进一步的,参照图6,本发明图片加载装置第四实施例提供一种图片加载装置,基于上述本发明图片加载装置第三实施例,所述页面中包括多个需加载的目标图片,所述加载模块20还用于,
根据在所述本地缓存中未查找到的各目标图片,配置任务队列;以轮询的方式,依次向所述服务器发送加载请求,加载所述任务队列中的各目标图片。
本实施例中,页面中包含多个需加载的图片,则在加载页面时,需同时加载多个目标图片。
具体的,作为一种实施方式,占位模块10在各目标图片对应的显示区域中分别显示预设的占位图片。同时,加载模块20在本地缓存中,分别查询各目标图片。
若在本地缓存中查找到目标图片,则替换模块30调用查找到的目标图片缓存文件,显示在页面中对应的区域,替换掉占位图片。
若在本地缓存中未查找到的目标图片有一个或多个,则加载模块20根据未查找到的各目标图片,配置任务队列。在配置任务队列时,加载模块20可以随机排列各目标图片的顺序;也可以根据各目标图片的优先级进行排序,可根据需要灵活设置。
在得到任务队列后,加载模块20以轮询的方式,依次向服务器发送加载请求,任务队列中的各目标图片。
以任务队列中包括6个目标图片作为应用场景进行举例说明。
参照图8,任务队列中由队首至队尾依次为:图片1、图片2、图片3、图片4、图片5和图片6。
则,加载模块20依次向服务器发送图片1、图片2、图片3、图片4、图片5和图片6的加载请求。
若6张图片全部获取失败,则加载模块20再次根据队列的顺序,向服务器发送各图片的加载请求,直至图片加载成功,或连续加载失败的次数达到预设值停止加载。
由此,加载模块20实现了对任务队列中目标图片的轮询加载。
在本实施例中,页面中包含多个需要加载的目标图片,则加载模块20在查询本地缓存后,根据在本地缓存中未查找到的各目标图片配置任务队列;以轮询的方式,依次向服务器发送加载请求,加载任务队列中的各目标图片。本实施例在同时加载多个目标图片时,通过任务队列的配置,轮询进行加载,保障了多个目标加载的有序性。
进一步的,参照图6,本发明图片加载装置第五实施例提供一种图片加载装置,基于上述本发明图片加载装置第五实施例,所述替换模块30还用于,
若检测到所述任务队列中包含加载成功的目标图片,则使用所述加载成功的目标图片替换所述加载成功的目标图片对应的显示区域中的占位图片,并在所述任务队列中删除所述加载成功的目标图片;
所述加载模块,还用于,
判断所述任务队列是否为空;若所述任务队列不为空,则以轮询的方式,依次向所述服务器发送加载请求,加载所述任务队列中的各目标图片。
在加载模块20加载目标图片时,若任务队列中有加载成功的目标图片,则替换模块30使用此加载成功的目标图片替换其对应的显示区域中的占位图片,实现此目标图片的显示。
同时,替换模块30删除任务队列中此加载成功的目标图片所对应的任务,并更新任务队列。
在每一次任务队列更新后,加载模块20均需要判断当前任务队列是否为空,是否还包含有未加载的目标图片。
当任务队列不为空时,加载模块20继续以轮询的方式,依次向服务器发送加载请求,加载更新后的任务队列中的各目标图片。
基于上述图8所示的应用场景,若在第一次轮询加载各目标图片时,图片3和图片5加载成功,则替换模块30使用获取的图片3替换其对应显示区域中的占位图片,使用获取的图片5替换其对应显示区域中的占位图片,并删除任务队列中的图片3和图片5,更新任务队列。
由于任务队列不为空,然后,参照图9,加载模块20根据更新后的任务队列开始第二轮轮询加载,加载模块20依次向服务器发送图片1、图片2、图片4和图片6的加载请求。
以此类推,直至完成任务队列中全部图片的加载。
进一步的,在加载目标图片时,停止模块40分别统计任务队列中各目标图片的重复加载次数。
若检测到任务队列中包含有连续加载失败的次数达到预设值的目标图片,则停止模块40删除任务队列中的此目标图片对应的加载任务,控制停止加载此目标图片。
或,在加载目标图片时,停止模块40统计任务队列轮询加载的次数。
若任务队列轮询加载的次数达到预设值,则停止模块40删除任务队列,控制停止加载此任务队列中的目标图片
在本实施例中,若检测到任务队列中包含加载成功的目标图片,则替换模块30使用加载成功的目标图片替换其对应的显示区域中的占位图片,并在任务队列中删除此目标图片的加载任务;然后,加载模块20判断任务队列是否为空,也即判断当前是否已完成全部目标图片的加载;若任务队列不为空,则继续以轮询的方式,依次向服务器发送加载请求,加载任务队列中剩余的各目标图片。本实施例在成功加载任务队列中的部分目标图片时,及时删除任务队列中对应的加载任务,避免重复加载相同的图片。
以上仅为本发明的可选实施例,并非因此限制本发明的专利范围,凡是利用本发明说明书及附图内容所作的等效结构或等效流程变换,或直接或间接运用在其他相关的技术领域,均同理包括在本发明的专利保护范围内。
Claims (10)
1.一种图片加载方法,其特征在于,所述图片加载方法包括以下步骤:
基于接收的页面加载指令获取页面中需加载的目标图片,在所述目标图片对应的显示区域中显示预设的占位图片;
根据所述页面加载指令加载所述目标图片;
若所述目标图片加载成功,则使用所述目标图片替换所述显示区域中的占位图片;
若所述目标图片加载失败,则转入执行步骤:根据所述页面加载指令加载所述目标图片。
2.如权利要求1所述的图片加载方法,其特征在于,所述图片加载方法还包括:
若检测到所述目标图片连续加载失败的次数达到预设值,则控制停止加载所述目标图片。
3.如权利要求1或2所述的图片加载方法,其特征在于,所述根据所述页面加载指令加载所述目标图片的步骤包括:
根据所述页面加载指令,在本地缓存中查找所述目标图片;
若在所述本地缓存中成功找到所述目标图片,则转入执行步骤:使用所述目标图片替换所述显示区域中的占位图片;
若在所述本地缓存中未找到所述目标图片,则向服务器发送加载请求,加载所述目标图片;
若所述目标图片加载成功,则转入执行步骤:使用所述目标图片替换所述显示区域中的占位图片;
若所述目标图片加载失败,则转入执行步骤:向服务器发送加载请求,加载所述目标图片。
4.如权利要求3所述的图片加载方法,其特征在于,所述页面中包括多个需加载的目标图片,所述向服务器发送加载请求,加载所述目标图片的步骤包括:
根据在所述本地缓存中未查找到的各目标图片,配置任务队列;
以轮询的方式,依次向所述服务器发送加载请求,加载所述任务队列中的各目标图片。
5.如权利要求4所述的图片加载方法,其特征在于,所述使用所述目标图片替换所述显示区域中的占位图片的步骤包括:
若检测到所述任务队列中包含加载成功的目标图片,则使用所述加载成功的目标图片替换所述加载成功的目标图片对应的显示区域中的占位图片,并在所述任务队列中删除所述加载成功的目标图片;
判断所述任务队列是否为空;
若所述任务队列不为空,则转入执行步骤:以轮询的方式,依次向所述服务器发送加载请求,加载所述任务队列中的各目标图片。
6.一种图片加载装置,其特征在于,所述图片加载装置包括:
占位模块,用于基于接收的页面加载指令获取页面中需加载的目标图片,在所述目标图片对应的显示区域中显示预设的占位图片;
加载模块,用于根据所述页面加载指令加载所述目标图片;
替换模块,用于若所述目标图片加载成功,则使用所述目标图片替换所述显示区域中的占位图片;
所述加载模块,还用于若所述目标图片加载失败,则根据所述页面加载指令加载所述目标图片。
7.如权利要求6所述的图片加载装置,其特征在于,所述图片加载装置还包括:
停止模块,用于若检测到所述目标图片连续加载失败的次数达到预设值,则控制停止加载所述目标图片。
8.如权利要求6或7所述的图片加载装置,其特征在于,所述加载模块还用于,
根据所述页面加载指令,在本地缓存中查找所述目标图片;若在所述本地缓存中未找到所述目标图片,则向服务器发送加载请求,加载所述目标图片;
所述加载模块,还用于若所述目标图片加载失败,则转入执行步骤:向服务器发送加载请求,加载所述目标图片;
所述替换模块,还用于若在所述本地缓存中成功找到所述目标图片,或所述目标图片加载成功,则使用所述目标图片替换所述显示区域中的占位图片。
9.如权利要求8所述的图片加载装置,其特征在于,所述页面中包括多个需加载的目标图片,所述加载模块还用于,
根据在所述本地缓存中未查找到的各目标图片,配置任务队列;以轮询的方式,依次向所述服务器发送加载请求,加载所述任务队列中的各目标图片。
10.如权利要求9所述的图片加载装置,其特征在于,所述替换模块还用于,
若检测到所述任务队列中包含加载成功的目标图片,则使用所述加载成功的目标图片替换所述加载成功的目标图片对应的显示区域中的占位图片,并在所述任务队列中删除所述加载成功的目标图片;
所述加载模块,还用于,
判断所述任务队列是否为空;若所述任务队列不为空,则以轮询的方式,依次向所述服务器发送加载请求,加载所述任务队列中的各目标图片。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201610573267.9A CN107644018A (zh) | 2016-07-20 | 2016-07-20 | 图片加载方法和装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201610573267.9A CN107644018A (zh) | 2016-07-20 | 2016-07-20 | 图片加载方法和装置 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN107644018A true CN107644018A (zh) | 2018-01-30 |
Family
ID=61109412
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201610573267.9A Pending CN107644018A (zh) | 2016-07-20 | 2016-07-20 | 图片加载方法和装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN107644018A (zh) |
Cited By (14)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN108595235A (zh) * | 2018-03-20 | 2018-09-28 | 车音智能科技有限公司 | 一种图片加载方法及装置 |
CN109361947A (zh) * | 2018-09-14 | 2019-02-19 | 深圳Tcl数字技术有限公司 | 网络资源批量加载方法、智能电视、存储介质及装置 |
CN109815424A (zh) * | 2018-12-14 | 2019-05-28 | 平安普惠企业管理有限公司 | 网页图片显示方法及终端设备 |
CN110413911A (zh) * | 2018-04-26 | 2019-11-05 | 腾讯科技(深圳)有限公司 | 网络图片加载方法、装置、终端设备及计算机可读存储介质 |
CN110489252A (zh) * | 2018-05-15 | 2019-11-22 | 腾讯科技(深圳)有限公司 | 图片处理方法、装置、计算机可读存储介质和计算机设备 |
CN110555118A (zh) * | 2018-03-28 | 2019-12-10 | 武汉斗鱼网络科技有限公司 | 一种加载图片的方法及装置 |
CN110634049A (zh) * | 2019-09-05 | 2019-12-31 | 北京无限光场科技有限公司 | 页面显示内容的处理方法、装置、电子设备及可读介质 |
CN110807162A (zh) * | 2018-07-20 | 2020-02-18 | 北京京东尚科信息技术有限公司 | 加载占位图的方法和装置 |
CN110929191A (zh) * | 2019-10-25 | 2020-03-27 | 北京城市网邻信息技术有限公司 | 一种图片加载方法、装置、终端及存储介质 |
CN111767492A (zh) * | 2020-06-30 | 2020-10-13 | 中国平安财产保险股份有限公司 | 图片加载方法、装置、计算机设备及存储介质 |
CN111966844A (zh) * | 2020-08-17 | 2020-11-20 | 北京像素软件科技股份有限公司 | 一种对象的加载方法、装置及存储介质 |
CN112380478A (zh) * | 2020-11-17 | 2021-02-19 | 平安养老保险股份有限公司 | 网页截图方法、装置、计算机设备及计算机可读存储介质 |
WO2021082600A1 (zh) * | 2019-10-28 | 2021-05-06 | 北京字节跳动网络技术有限公司 | 网页图像的监控方法、装置、电子设备及计算机可读存储介质 |
CN113835772A (zh) * | 2020-10-27 | 2021-12-24 | 北京沃东天骏信息技术有限公司 | 用于加载图像的方法和装置 |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102945193A (zh) * | 2012-10-24 | 2013-02-27 | 广州市动景计算机科技有限公司 | 一种运行数据的恢复方法及电子设备 |
CN103309695A (zh) * | 2012-03-15 | 2013-09-18 | 腾讯科技(深圳)有限公司 | 一种加载图标的方法和终端 |
CN103914302A (zh) * | 2014-04-02 | 2014-07-09 | 北京京东尚科信息技术有限公司 | 一种网页加载进度监控方法和装置 |
CN103914450A (zh) * | 2012-12-31 | 2014-07-09 | 北京新媒传信科技有限公司 | 移动终端平台中网页图片呈现方法和装置 |
-
2016
- 2016-07-20 CN CN201610573267.9A patent/CN107644018A/zh active Pending
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103309695A (zh) * | 2012-03-15 | 2013-09-18 | 腾讯科技(深圳)有限公司 | 一种加载图标的方法和终端 |
CN102945193A (zh) * | 2012-10-24 | 2013-02-27 | 广州市动景计算机科技有限公司 | 一种运行数据的恢复方法及电子设备 |
CN103914450A (zh) * | 2012-12-31 | 2014-07-09 | 北京新媒传信科技有限公司 | 移动终端平台中网页图片呈现方法和装置 |
CN103914302A (zh) * | 2014-04-02 | 2014-07-09 | 北京京东尚科信息技术有限公司 | 一种网页加载进度监控方法和装置 |
Cited By (21)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN108595235A (zh) * | 2018-03-20 | 2018-09-28 | 车音智能科技有限公司 | 一种图片加载方法及装置 |
CN108595235B (zh) * | 2018-03-20 | 2021-10-19 | 车音智能科技有限公司 | 一种图片加载方法及装置 |
CN110555118B (zh) * | 2018-03-28 | 2022-08-16 | 武汉斗鱼网络科技有限公司 | 一种加载图片的方法及装置 |
CN110555118A (zh) * | 2018-03-28 | 2019-12-10 | 武汉斗鱼网络科技有限公司 | 一种加载图片的方法及装置 |
CN110413911A (zh) * | 2018-04-26 | 2019-11-05 | 腾讯科技(深圳)有限公司 | 网络图片加载方法、装置、终端设备及计算机可读存储介质 |
CN110413911B (zh) * | 2018-04-26 | 2023-08-11 | 腾讯科技(深圳)有限公司 | 网络图片加载方法、装置、终端设备及存储介质 |
CN110489252A (zh) * | 2018-05-15 | 2019-11-22 | 腾讯科技(深圳)有限公司 | 图片处理方法、装置、计算机可读存储介质和计算机设备 |
CN110489252B (zh) * | 2018-05-15 | 2022-04-22 | 腾讯科技(深圳)有限公司 | 图片处理方法、装置、计算机可读存储介质和计算机设备 |
CN110807162A (zh) * | 2018-07-20 | 2020-02-18 | 北京京东尚科信息技术有限公司 | 加载占位图的方法和装置 |
WO2020052247A1 (zh) * | 2018-09-14 | 2020-03-19 | 深圳Tcl数字技术有限公司 | 网络资源批量加载方法、智能电视、存储介质及装置 |
CN109361947A (zh) * | 2018-09-14 | 2019-02-19 | 深圳Tcl数字技术有限公司 | 网络资源批量加载方法、智能电视、存储介质及装置 |
CN109815424A (zh) * | 2018-12-14 | 2019-05-28 | 平安普惠企业管理有限公司 | 网页图片显示方法及终端设备 |
CN110634049A (zh) * | 2019-09-05 | 2019-12-31 | 北京无限光场科技有限公司 | 页面显示内容的处理方法、装置、电子设备及可读介质 |
CN110634049B (zh) * | 2019-09-05 | 2022-05-10 | 北京无限光场科技有限公司 | 页面显示内容的处理方法、装置、电子设备及可读介质 |
CN110929191A (zh) * | 2019-10-25 | 2020-03-27 | 北京城市网邻信息技术有限公司 | 一种图片加载方法、装置、终端及存储介质 |
WO2021082600A1 (zh) * | 2019-10-28 | 2021-05-06 | 北京字节跳动网络技术有限公司 | 网页图像的监控方法、装置、电子设备及计算机可读存储介质 |
CN111767492A (zh) * | 2020-06-30 | 2020-10-13 | 中国平安财产保险股份有限公司 | 图片加载方法、装置、计算机设备及存储介质 |
CN111966844A (zh) * | 2020-08-17 | 2020-11-20 | 北京像素软件科技股份有限公司 | 一种对象的加载方法、装置及存储介质 |
CN111966844B (zh) * | 2020-08-17 | 2023-09-26 | 北京像素软件科技股份有限公司 | 一种对象的加载方法、装置及存储介质 |
CN113835772A (zh) * | 2020-10-27 | 2021-12-24 | 北京沃东天骏信息技术有限公司 | 用于加载图像的方法和装置 |
CN112380478A (zh) * | 2020-11-17 | 2021-02-19 | 平安养老保险股份有限公司 | 网页截图方法、装置、计算机设备及计算机可读存储介质 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN107644018A (zh) | 图片加载方法和装置 | |
CN102270107B (zh) | 打印系统以及打印设定提案方法 | |
CN101414258B (zh) | 一种对皮肤图片进行变色的方法及装置 | |
US9336326B2 (en) | Browser based objects for copying and sending operations | |
US8896857B2 (en) | Content receipt via email addresses | |
US9311039B2 (en) | Cloud printing system and method using image forming apparatus | |
CN104537502A (zh) | 处理订单的方法和设备 | |
CN104583931A (zh) | 语义打印选项 | |
CN105677452A (zh) | 任务平台任务处理方法和装置 | |
CN105657000A (zh) | 消息传送方法及装置 | |
US9832624B2 (en) | Information processing method, information processing device, and storage medium | |
CN107688529A (zh) | 组件调试方法和装置 | |
CN108733666B (zh) | 服务器信息推送方法、终端信息发送方法及装置、系统 | |
US20170090831A1 (en) | Managing print jobs | |
CN107957837A (zh) | 网页应用程序的快捷方式生成方法、装置和终端设备 | |
CN106201010A (zh) | 词库添加方法和装置 | |
CN108134811A (zh) | 目标文件分发或下载的方法、装置和系统 | |
CN107666431B (zh) | 书签通讯消息获取方法和装置 | |
CN105159692A (zh) | 应用的标识方法、装置及服务器 | |
CN105808628B (zh) | 网页转码方法、装置及系统 | |
US8971212B2 (en) | Identifying a resource geographically associated with one or more transceivers | |
CN105488199B (zh) | 混合表单处理方法、装置以及移动终端 | |
CN104536777B (zh) | 用于确定需要启动的应用并执行相应操作的方法和装置 | |
CN105893598A (zh) | 一种移动终端图片下载方法及装置 | |
CN112416707B (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 | ||
RJ01 | Rejection of invention patent application after publication | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20180130 |