图片加载方法和装置制造方法及图纸

本发明专利技术公开了一种图片加载方法，该方法包括：基于接收的页面加载指令获取页面中需加载的目标图片，在所述目标图片对应的显示区域中显示预设的占位图片；根据所述页面加载指令加载所述目标图片；若所述目标图片加载成功，则使用所述目标图片替换所述显示区域中的占位图片；若所述目标图片加载失败，则转入执行步骤：根据所述页面加载指令加载所述目标图片。本发明专利技术还公开了一种图片加载装置。本发明专利技术实现了对图片的自动重复加载，无需用户手动操作，也不影响页面中其他内容的显示。

Image loading method and device

The invention discloses an image loading method, the method includes: receiving the page load instruction access page load in the target image based on the display of the target image in the region corresponding to the preset display position according to the picture; loading the page loading instructions of the target image; if the target image loading success is the use of the replacement of the target image in the display area for the picture; if loading the target image is transferred to the failure, step: according to load the page load instruction the target. The invention also discloses a picture loading device. The invention realizes automatic reloading of pictures without user manual operation, and does not affect the display of other contents in the page.

【技术实现步骤摘要】
图片加载方法和装置
本专利技术涉及网络
，尤其涉及一种图片加载方法和装置。
技术介绍
用户在浏览网页或是使用APP(Application，应用软件)时，页面中除了基本的文本信息，通常还包含有图片等多媒体信息。相对于文字信息，加载页面中的图片会消耗更多的流量和系统资源，图片加载失败的概率也较大。在图片加载失败时，终端通常会在显示图片的位置提示图片加载失败。若用户需要查看此图片，则需要手动刷新页面，再次加载页面的全部内容，不仅浪费流量，而且影响用户浏览页面时的流畅体验。
技术实现思路
本专利技术的主要目的在于提供一种图片加载方法和装置，旨在解决图片加载失败后需手动重新加载图片的技术问题。为实现上述目的，本专利技术提供一种图片加载方法，所述图片加载方法包括以下步骤：基于接收的页面加载指令获取页面中需加载的目标图片，在所述目标图片对应的显示区域中显示预设的占位图片；根据所述页面加载指令加载所述目标图片；若所述目标图片加载成功，则使用所述目标图片替换所述显示区域中的占位图片；若所述目标图片加载失败，则转入执行步骤：根据所述页面加载指令加载所述目标图片。在一个实施例中，所述图片加载方法还包括：若检测到所述目标图片连续加载失败的次数达到预设值，则控制停止加载所述目标图片。在一个实施例中，所述根据所述页面加载指令加载所述目标图片的步骤包括：根据所述页面加载指令，在本地缓存中查找所述目标图片；若在所述本地缓存中成功找到所述目标图片，则转入执行步骤：使用所述目标图片替换所述显示区域中的占位图片；若在所述本地缓存中未找到所述目标图片，则向服务器发送加载请求，加载所述目标图片；若所述目标图片加载成功，则转入执行步骤：使用所述目标图片替换所述显示区域中的占位图片；若所述目标图片加载失败，则转入执行步骤：向服务器发送加载请求，加载所述目标图片。在一个实施例中，所述页面中包括多个需加载的目标图片，所述向服务器发送加载请求，加载所述目标图片的步骤包括：根据在所述本地缓存中未查找到的各目标图片，配置任务队列；以轮询的方式，依次向所述服务器发送加载请求，加载所述任务队列中的各目标图片。在一个实施例中，所述使用所述目标图片替换所述显示区域中的占位图片的步骤包括：若检测到所述任务队列中包含加载成功的目标图片，则使用所述加载成功的目标图片替换所述加载成功的目标图片对应的显示区域中的占位图片，并在所述任务队列中删除所述加载成功的目标图片；判断所述任务队列是否为空；若所述任务队列不为空，则转入执行步骤：以轮询的方式，依次向所述服务器发送加载请求，加载所述任务队列中的各目标图片。此外，为实现上述目的，本专利技术还提供一种图片加载装置，所述图片加载装置包括：占位模块，用于基于接收的页面加载指令获取页面中需加载的目标图片，在所述目标图片对应的显示区域中显示预设的占位图片；加载模块，用于根据所述页面加载指令加载所述目标图片；替换模块，用于若所述目标图片加载成功，则使用所述目标图片替换所述显示区域中的占位图片；所述加载模块，还用于若所述目标图片加载失败，则根据所述页面加载指令加载所述目标图片。在一个实施例中，所述图片加载装置还包括：停止模块，用于若检测到所述目标图片连续加载失败的次数达到预设值，则控制停止加载所述目标图片。在一个实施例中，所述加载模块还用于，根据所述页面加载指令，在本地缓存中查找所述目标图片；若在所述本地缓存中未找到所述目标图片，则向服务器发送加载请求，加载所述目标图片；所述加载模块，还用于若所述目标图片加载失败，则转入执行步骤：向服务器发送加载请求，加载所述目标图片；所述替换模块，还用于若在所述本地缓存中成功找到所述目标图片，或所述目标图片加载成功，则使用所述目标图片替换所述显示区域中的占位图片。在一个实施例中，所述页面中包括多个需加载的目标图片，所述加载模块还用于，根据在所述本地缓存中未查找到的各目标图片，配置任务队列；以轮询的方式，依次向所述服务器发送加载请求，加载所述任务队列中的各目标图片。在一个实施例中，所述替换模块还用于，若检测到所述任务队列中包含加载成功的目标图片，则使用所述加载成功的目标图片替换所述加载成功的目标图片对应的显示区域中的占位图片，并在所述任务队列中删除所述加载成功的目标图片；所述加载模块，还用于，判断所述任务队列是否为空；若所述任务队列不为空，则以轮询的方式，依次向所述服务器发送加载请求，加载所述任务队列中的各目标图片。本专利技术实施例提出的一种图片加载方法和装置，基于接收的页面加载指令获取页面中需加载的目标图片，在此目标图片对应的显示区域中显示预设的占位图片；同时，根据页面加载指令加载目标图片；若目标图片加载成功，则使用目标图片替换其对应的显示区域中的占位图片；若目标图片加载失败，则再次根据页面加载指令加载目标图片，直至目标图片加载成功。本专利技术通过在图片加载失败时自动再次进行加载，直至成功加载，实现了对图片的自动重复加载，无需用户手动操作，也不影响页面中其他内容的显示。并且，本专利技术中通过占位图片的显示，避免了图片加载过程过长或是图片加载失败时，页面中对应显示区域的空白或裂图给用户带来负面情绪。附图说明图1为本专利技术图片加载方法第一实施例的流程示意图；图2为本专利技术图片加载方法第二实施例的流程示意图；图3为本专利技术图片加载方法第三实施例的流程示意图；图4为本专利技术图片加载方法第四实施例的流程示意图；图5为图4中使用所述目标图片替换所述显示区域中的占位图片的步骤的细化流程示意图；图6为本专利技术图片加载装置第一实施例、第三实施例、第四实施例和第五实施例的功能模块示意图；图7为本专利技术图片加载装置第二实施例的功能模块示意图；图8为本专利技术实施例中一种任务队列示意图；图9为本专利技术实施例中一种任务队列示意图。本专利技术目的的实现、功能特点及优点将结合实施例，参照附图做进一步说明。具体实施方式应当理解，此处所描述的具体实施例仅仅用以解释本专利技术，并不用于限定本专利技术。参照图1，本专利技术图片加载方法第一实施例提供一种图片加载方法，所述图片加载方法包括：步骤S10、基于接收的页面加载指令获取页面中需加载的目标图片，在所述目标图片对应的显示区域中显示预设的占位图片。本专利技术在图片加载失败时，可自动重复加载，直至图片加载成功，无需用户手动刷新页面，提升了用户体验。具体的，作为一种实施方式，当用户使用终端的浏览器打开浏览网页，或是打开APP(Application，应用软件)页面时，或是刷新页面时，输入页面加载指令。终端在接收到页面加载指令后，检测当前页面中是否包含有需要加载的图片。若当前页面中包含有需要加载的图片，则获取此需加载的图片为目标图片。然后，调用预设的占位图片，显示在页面中此目标图片对应的显示区域。其中，预设的占位图片的内容可根据业务需要灵活配置，用于替代“正在加载中”或是“加载失败”的提示图片。本实施例中，通过使用占位图片，可以避免在图片加载过程中，不显示任何提示信息造成用户不清楚图片的加载状态，进行错误的判断；也可以避免页面中一直显示“正在加载中”给用户造成图片加载的时间较长的认知；另外，在图片加载失败时，还可以减少“加载失败”的提示图片给用户造成的心理落差。步骤S20、根据所述页面加载指令加载所述目标图片。终端根据页面加载指令，获取指向目标图本文档来自技高网...

【技术保护点】
一种图片加载方法，其特征在于，所述图片加载方法包括以下步骤：基于接收的页面加载指令获取页面中需加载的目标图片，在所述目标图片对应的显示区域中显示预设的占位图片；根据所述页面加载指令加载所述目标图片；若所述目标图片加载成功，则使用所述目标图片替换所述显示区域中的占位图片；若所述目标图片加载失败，则转入执行步骤：根据所述页面加载指令加载所述目标图片。

【技术特征摘要】
1.一种图片加载方法，其特征在于，所述图片加载方法包括以下步骤：基于接收的页面加载指令获取页面中需加载的目标图片，在所述目标图片对应的显示区域中显示预设的占位图片；根据所述页面加载指令加载所述目标图片；若所述目标图片加载成功，则使用所述目标图片替换所述显示区域中的占位图片；若所述目标图片加载失败，则转入执行步骤：根据所述页面加载指令加载所述目标图片。2.如权利要求1所述的图片加载方法，其特征在于，所述图片加载方法还包括：若检测到所述目标图片连续加载失败的次数达到预设值，则控制停止加载所述目标图片。3.如权利要求1或2所述的图片加载方法，其特征在于，所述根据所述页面加载指令加载所述目标图片的步骤包括：根据所述页面加载指令，在本地缓存中查找所述目标图片；若在所述本地缓存中成功找到所述目标图片，则转入执行步骤：使用所述目标图片替换所述显示区域中的占位图片；若在所述本地缓存中未找到所述目标图片，则向服务器发送加载请求，加载所述目标图片；若所述目标图片加载成功，则转入执行步骤：使用所述目标图片替换所述显示区域中的占位图片；若所述目标图片加载失败，则转入执行步骤：向服务器发送加载请求，加载所述目标图片。4.如权利要求3所述的图片加载方法，其特征在于，所述页面中包括多个需加载的目标图片，所述向服务器发送加载请求，加载所述目标图片的步骤包括：根据在所述本地缓存中未查找到的各目标图片，配置任务队列；以轮询的方式，依次向所述服务器发送加载请求，加载所述任务队列中的各目标图片。5.如权利要求4所述的图片加载方法，其特征在于，所述使用所述目标图片替换所述显示区域中的占位图片的步骤包括：若检测到所述任务队列中包含加载成功的目标图片，则使用所述加载成功的目标图片替换所述加载成功的目标图片对应的显示区域中的占位图片，并在所述任务队列中删除所述加载成功的目标图片；判断所述任务队列是否为空；若所述任务队列不为空，则转入执行步骤：以轮询的方式，依次向所述服务器发送加...

【专利技术属性】
技术研发人员：利炳根，孙琳，
申请(专利权)人：平安科技深圳有限公司，
类型：发明
国别省市：广东,44