CN105550260A - 图片显示方法及装置 - Google Patents

图片显示方法及装置 Download PDF

Info

Publication number
CN105550260A
CN105550260A CN201510903471.8A CN201510903471A CN105550260A CN 105550260 A CN105550260 A CN 105550260A CN 201510903471 A CN201510903471 A CN 201510903471A CN 105550260 A CN105550260 A CN 105550260A
Authority
CN
China
Prior art keywords
designated pictures
stress state
picture
load request
pictures
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
Application number
CN201510903471.8A
Other languages
English (en)
Inventor
杨伟贤
余鹏
马春林
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Beijing Xiaomi Technology Co Ltd
Xiaomi Inc
Original Assignee
Xiaomi Inc
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Xiaomi Inc filed Critical Xiaomi Inc
Priority to CN201510903471.8A priority Critical patent/CN105550260A/zh
Publication of CN105550260A publication Critical patent/CN105550260A/zh
Pending legal-status Critical Current

Links

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web
    • G06F16/955Retrieval from the web using information identifiers, e.g. uniform resource locators [URL]
    • G06F16/9566URL specific, e.g. using aliases, detecting broken or misspelled links
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web
    • G06F16/957Browsing optimisation, e.g. caching or content distillation
    • G06F16/9577Optimising the visualization of content, e.g. distillation of HTML documents

Abstract

本公开提供了一种图片显示方法及装置,属于终端技术领域。方法包括:在界面加载过程中,检测所述界面中图片的加载状态;根据所述界面中图片的加载状态,向指定图片的统一资源定位符URL发送图片加载请求,所述指定图片是指所述界面中图片加载状态为失败的图片;对所述指定图片的加载过程进行监控,获取所述指定图片的加载状态;如果所述指定图片的加载状态为成功,在所述指定图片的显示位置显示获取到的所述指定图片;如果所述指定图片的加载状态为失败,重复执行向所述指定图片的URL发送图片加载请求直到所述指定图片的加载状态切换至成功。本公开能够避免图片出现图裂等无法显示的现象,且能够确保该界面中的每个图片都能够正常显示。

Description

图片显示方法及装置
技术领域
本公开涉及终端技术领域,尤其涉及一种图片显示方法及装置。
背景技术
随着终端技术的不断发展,终端所提供的功能日益完善,用户可以在终端安装各种不同类型的APP(Application,应用程序),已使用这些APP提供的不同功能。例如,用户可以通过在终端上安装的浏览器应用,浏览与所搜索内容对应的页面,该页面中可以显示文本信息、图片信息和视频信息等多媒体信息,对于图片而言,如果某一图片加载失败,则无法在该页面正常显示该图片;由于浏览器应用的页面中有刷新功能按键,当图片加载失败时,可以在检测该刷新功能按键的触发操作后,重新加载该图片。
然而,对于显示界面中没有刷新功能按键的HybridAPP(混合模式移动应用)来说,当图片加载失败时,无法通过该刷新功能按键重新加载图片,以正常显示该图片。目前,图片显示方法可以为:在界面加载过程中,向该界面中待显示图片的URL(UniformResourceLocator,统一资源定位符)发送图片加载请求,以获取该显示图片,并进行显示。例如,采用img(image,图片)标签对图片URL(UniformResourceLocator,统一资源定位符)发送请求,例如,<imgsrc=“图片url”>,或者通过JavaScript等直译式脚本语言构造图片对象img:varimg=newImage();img.Src=“图片url”向图片URL发送图片加载请求,以获取该URL对应的图片,并进行显示。
上述图片显示方法,通过直接向图片URL发送请求显示对应图片,但是,如果请求发送失败,或者由于网络状态不佳,未获取到该图片资源,导致“裂图”,而不能显示该图片时,该方法不会再进行额外处理,进而导致无法解决图片不能正常显示的问题。
发明内容
为克服相关技术中存在的问题,本公开提供一种图片显示方法及装置。
根据本公开实施例的第一方面,提供一种图片显示方法,包括:
在界面加载过程中,检测所述界面中图片的加载状态;
根据所述界面中图片的加载状态,向指定图片的统一资源定位符URL发送图片加载请求,所述指定图片是指所述界面中图片加载状态为失败的图片;
对该指定图片的加载过程进行监控,获取该指定图片的加载状态;
如果该指定图片的加载状态为成功,在该指定图片的显示位置显示获取到的该指定图片;
如果该指定图片的加载状态为失败,重复执行向该指定图片的URL发送图片加载请求直到该指定图片的加载状态切换至成功。
在本公开的第一方面的第一种可能实现方式中,向指定图片的统一资源定位符URL发送图片加载请求之前,该方法还包括:
将该指定图片的加载状态标识位和加载结果标识位均置为第一标识;
相应地,向指定图片的统一资源定位符URL发送图片加载请求之后,将该加载状态标识位置为第二标识;
如果该指定图片的加载状态为失败,重复执行向该指定图片的URL发送图片加载请求及其以后步骤之前,将该加载状态标识位置为第一标识;
如果该指定图片的加载状态为成功,在该指定图片的显示位置显示获取到的该指定图片之前,将加载状态标识位置为第一标识,该加载结果标识位置为第一标识。
在本公开的第一方面的第二种可能实现方式中,该方法还包括:
当检测到该加载状态标识位和该加载结果标识位均为第二标识时,确定该指定图片的加载状态为失败;或,
当检测到该加载状态标识位为第一标识,且该加载结果标识位为第二标识时,确定该指定图片的加载状态为成功。
在本公开的第一方面的第三种可能实现方式中,如果该指定图片的加载状态仍为未成功,重复执行向该指定图片的URL发送图片加载请求直到该指定图片的实时加载状态切换至成功之前,该方法还包括:
将该指定图片的第一部分图片数据存储至指定存储空间,该第一部分图片数据为第一图片加载请求失败所接收到的图片数据;
在发送第二图片加载请求时,接收该指定图片的第二部分图片数据,该第二图片加载请求用于获取该第二部分图片数据;该第二部分图片数据为该第一图片加载请求失败所未接收到的图片数据。
在本公开的第一方面的第四种可能实现方式中,该方法还包括:
在该界面加载过程中,如果该界面中有至少两个指定图片,根据每个指定图片的第一部分图片数据的数据量,确定该每个指定图片的图片加载请求的优先级;或,
如果该界面中有至少两个指定图片,根据该指定存储空间中,每个指定图片的数据百分比,确定该每个指定图片的图片加载请求的优先级,该每个指定图片的数据百分比是指每个指定图片的第一部分图片数据的数据量占对应指定图片总数据量的百分比;或,
如果该界面中有至少两个指定图片,根据每个指定图片在该界面中的显示顺序,确定该每个指定图片的图片加载请求的优先级。
根据本公开实施例的第二方面,提供一种图片显示装置,包括:
检测模块,用于在界面加载过程中,检测该界面中图片的加载状态;
发送模块,用于根据该检测模块检测到的该界面中图片的加载状态,向指定图片的统一资源定位符URL发送图片加载请求,该指定图片是指该界面中图片加载状态为失败的图片;
获取模块,用于对该指定图片的加载过程进行监控,获取该指定图片的加载状态;
显示模块,用于如果该获取模块获取到的该指定图片的加载状态为成功,在该指定图片的显示位置显示获取到的该指定图片;
该发送模块还用于如果该获取模块获取到的该指定图片的加载状态为失败,重复执行向该指定图片的URL发送图片加载请求直到该指定图片的加载状态切换至成功。
在本公开的第二方面的第一种可能实现方式中,该装置还包括置位模块,该置位模块用于:
将该指定图片的加载状态标识位和加载结果标识位均置为第一标识;
相应地,向指定图片的统一资源定位符URL发送图片加载请求之后,将该加载状态标识位置为第二标识;
如果该指定图片的加载状态为失败,重复执行向该指定图片的URL发送图片加载请求及其以后步骤之前,将该加载状态标识位置为第一标识;
如果该指定图片的加载状态为成功,在该指定图片的显示位置显示获取到的该指定图片之前,将加载状态标识位置为第一标识,该加载结果标识位置为第一标识。
在本公开的第二方面的第二种可能实现方式中,该装置还包括加载状态确定模块,该加载状态确定模块用于:
当检测到该加载状态标识位和该加载结果标识位均为第二标识时,确定该指定图片的加载状态为失败;或,
当检测到该加载状态标识位为第一标识,且该加载结果标识位为第二标识时,确定该指定图片的加载状态为成功。
在本公开的第二方面的第三种可能实现方式中,该装置还包括:
存储模块,用于将该指定图片的第一部分图片数据存储至指定存储空间,该第一部分图片数据为第一图片加载请求失败所接收到的图片数据;
接收模块,用于在发送第二图片加载请求时,接收该指定图片的第二部分图片数据,该第二图片加载请求用于获取该第二部分图片数据;该第二部分图片数据为该第一图片加载请求失败所未接收到的图片数据。
在本公开的第二方面的第四种可能实现方式中,该装置还包括优先级确定模块,该优先级确定模块用于:
在该界面加载过程中,如果该界面中有至少两个指定图片,根据每个指定图片的第一部分图片数据的数据量,确定该每个指定图片的图片加载请求的优先级;或,
如果该界面中有至少两个指定图片,根据该指定存储空间中,每个指定图片的数据百分比,确定该每个指定图片的图片加载请求的优先级,该每个指定图片的数据百分比是指每个指定图片的第一部分图片数据的数据量占对应指定图片总数据量的百分比;或,
如果该界面中有至少两个指定图片,根据每个指定图片在该界面中的显示顺序,确定该每个指定图片的图片加载请求的优先级。
第三方面,还提供了一种图片显示装置,包括:
处理器;
用于存储处理器可执行的指令的存储器;
其中,该处理器被配置为:
在界面加载过程中,检测该界面中图片的加载状态;
向指定图片的统一资源定位符URL发送图片加载请求,该指定图片是指该页面中图片加载状态为失败的图片;
对该指定图片的加载过程进行监控,获取该指定图片的加载状态;
如果该指定图片的加载状态为成功,在该指定图片的显示位置显示获取到的该指定图片;
如果该指定图片的加载状态为失败,重复执行向该指定图片的URL发送图片加载请求直到该指定图片的加载状态切换至成功。
本公开实施例提供的技术方案带来的有益效果是:
本公开通过在界面加载过程中,对指定图片的加载过程进行监控,对加载状态为失败的图片,多次发送图片加载请求,直至图片加载状态切换至成功为止,能够避免图片出现图裂等无法显示的现象,且能够确保该界面中的每个图片都能够正常显示。
应当理解的是,以上的一般描述和后文的细节描述仅是示例性和解释性的,并不能限制本公开。
附图说明
此处的附图被并入说明书中并构成本说明书的一部分,示出了符合本公开的实施例,并与说明书一起用于解释本公开的原理。
图1是根据一示例性实施例示出的一种图片显示方法的流程图;
图2是根据一示例性实施例示出的一种图片显示方法的流程图;
图3是根据一示例性实施例示出的一种图片显示装置框图;
图4是根据一示例性实施例示出的一种图片显示装置400的框图。
具体实施方式
为使本公开的目的、技术方案和优点更加清楚,下面将结合附图对本公开实施方式作进一步地详细描述。
这里将详细地对示例性实施例进行说明,其示例表示在附图中。下面的描述涉及附图时,除非另有表示,不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本公开相一致的所有实施方式。相反,它们仅是与如所附权利要求书中所详述的、本公开的一些方面相一致的装置和方法的例子。
图1是根据一示例性实施例示出的一种图片显示方法的流程图,如图1所示,图片显示方法用于终端中,包括以下步骤。
在步骤101中,在界面加载过程中,检测该界面中图片的加载状态。
在步骤102中,根据该界面中图片的加载状态,向指定图片的统一资源定位符URL发送图片加载请求,该指定图片是指该界面中图片加载状态为失败的图片。
在步骤103中,对该指定图片的加载过程进行监控,获取该指定图片的加载状态。
在步骤104中,如果该指定图片的加载状态为成功,在该指定图片的显示位置显示获取到的该指定图片。
在步骤105中,如果该指定图片的加载状态为失败,重复执行向该指定图片的URL发送图片加载请求直到该指定图片的加载状态切换至成功。
本公开实施例提供的方法,通过在界面加载过程中,对指定图片的加载过程进行监控,对加载状态为失败的图片,多次发送图片加载请求,直至图片加载状态切换至成功为止,能够避免图片出现图裂等无法显示的现象,且能够确保该界面中的每个图片都能够正常显示
在本公开的第一种可能实现方式中,向指定图片的统一资源定位符URL发送图片加载请求之前,该方法还包括:
将该指定图片的加载状态标识位和加载结果标识位均置为第一标识;
相应地,向指定图片的统一资源定位符URL发送图片加载请求之后,将该加载状态标识位置为第二标识;
如果该指定图片的加载状态为失败,重复执行向该指定图片的URL发送图片加载请求及其以后步骤之前,将该加载状态标识位置为第一标识;
如果该指定图片的加载状态为成功,在该指定图片的显示位置显示获取到的该指定图片之前,将加载状态标识位置为第一标识,该加载结果标识位置为第一标识。
在本公开的第二种可能实现方式中,该方法还包括:
当检测到该加载状态标识位和该加载结果标识位均为第二标识时,确定该指定图片的加载状态为失败;或,
当检测到该加载状态标识位为第一标识,且该加载结果标识位为第二标识时,确定该指定图片的加载状态为成功。
在本公开的第三种可能实现方式中,如果该指定图片的加载状态仍为未成功,重复执行向该指定图片的URL发送图片加载请求直到该指定图片的实时加载状态切换至成功之前,该方法还包括:
将该指定图片的第一部分图片数据存储至指定存储空间,该第一部分图片数据为第一图片加载请求失败所接收到的图片数据;
在发送第二图片加载请求时,接收该指定图片的第二部分图片数据,该第二图片加载请求用于获取该第二部分图片数据;该第二部分图片数据为该第一图片加载请求失败所未接收到的图片数据。
在本公开的第四种可能实现方式中,该方法还包括:
在该界面加载过程中,如果该界面中有至少两个指定图片,根据每个指定图片的第一部分图片数据的数据量,确定该每个指定图片的图片加载请求的优先级;或,
如果该界面中有至少两个指定图片,根据该指定存储空间中,每个指定图片的数据百分比,确定该每个指定图片的图片加载请求的优先级,该每个指定图片的数据百分比是指每个指定图片的第一部分图片数据的数据量占对应指定图片总数据量的百分比;或,
如果该界面中有至少两个指定图片,根据每个指定图片在该界面中的显示顺序,确定该每个指定图片的图片加载请求的优先级。
上述所有可选技术方案,可以采用任意结合形成本公开的可选实施例,在此不再一一赘述。
图2是根据一示例性实施例示出的一种图片显示方法的流程图。该实施例的执行主体可以为终端,参照图2,该实施例具体包括:
在步骤201中,在界面加载过程中,检测该界面中图片的加载状态。
由于图片比文本更能够清楚地描绘所要传递的信息,因此图片作为一种承载信息的载体,在如今的信息交互过程中,占据重要地位;而且,随着移动终端的广泛使用,移动终端逐渐成为用户进行实时交互和获取信息的主流平台。但是,一方面,移动终端复杂的网络环境,会导致图片加载失败,进而导致图片不能正常显示;另一方面,由于终端上有些APP(Application,应用程序)的界面上不存在刷新功能按键,例如Hybrid应用,所以即使图片加载失败,也不能通过该刷新功能按键重新获取加载失败的图片。
鉴于上述问题,本公开提供了一种通过检测图片加载状态,自动发送图片加载请求,直至图片加载成功后,对该图片进行显示的方法。
针对本公开提供的图片显示方法,在界面加载过程中,对于该界面中需要加载的所有图片,首先检测每个图片的加载状态,以确定加载失败的图片。其中,对于该界面中任一图片的加载状态的检测方法可以为:将已加载的图片的数据量与该图片的总数据量进行对比,如果已加载的图片的数据量与该图片的总数据量相同,则确定该图片的加载状态为成功,如果已加载的图片的数据量小于该图片的总数据量,则确定该图片的加载状态为失败。当然,也可以采用其他方法对图片的加载状态进行检测,本公开实施例对此不作限定。
在步骤202中,根据该界面中图片的加载状态,向指定图片的统一资源定位符URL发送图片加载请求,该指定图片是指该界面中图片加载状态为失败的图片。
根据对该界面中图片加载状态的检测结果,确定该界面中的指定图片,该指定图片即为该界面中图片加载状态为失败的图片;以对该指定图片再次发送图片加载请求,进而获取该图片的全部数据,使得能够正常显示该指定图片。
在本公开另一实施例中,可以通过脚本语言JavaScript实现本公开所提供的图片显示方法,具体地,在确定指定图片之后,定义该指定图片的imgCache对象,以保存需要加载的指定图片的相关数据,该指定图片的相关数据至少包括该指定图片的URL,还可以包括该指定图片的其他数据,本公开实施例对此不作限定。
在通过脚本语言或其他编程语言实现本公开所提供的图片显示方法的过程中,确定该界面中的指定图片之后,将该指定图片的加载状态标识位和加载结果标识位均置为第一标识;其中,该加载状态标识位用于表示该指定图片是否处于加载状态,该加载结果标识位用于表示该指定图片是否已经加载完成。
该第一标识可以为false(假),也可以为true(真),还可以为其他标识,本公开实施例对此不作限定。在本公开实施例中,以该第一标识为false为例,具体说明本公开所提供的图片显示方法的实现过程。本公开实施例以编程语言为JavaScript为例,实现该过程的程序代码可以为:
需要说明的是,上述程序代码段仅用于举例说明实现该过程的一种方法,不是实现该过程的唯一方法,也即是,根据不同的编程语言,可以采用不同的程序代码实现该过程,本公开实施例对此不作限定。对于下述出现的所有代码段,都仅用于举例说明实现对应过程的一种方法,也可以采用其他方法,本公开实施例同样不作限定。
通过设置加载状态标识位和加载结果标识位,对加载失败的图片进行标识,能够快速确定需要再次发送图片加载请求的图片。
此外,在向指定图片的统一资源定位符URL发送图片加载请求之后,将该加载状态标识位置为第二标识,以表示该指定图片已发送图片加载请求,且正处于加载状态。其中,该第二标识与上述第一标识相对应,当第一标识为false时,可将该第二标识确定为true,需要说明的是,本公开仅以将该第二标识确定为true为例说明该图片显示方法,该加载状态标识位的设置过程和创建图片加载请求的程序代码可以为:
imgCache.Isloading=true;
var_img=newImage();
_img.src=src;
_img.onload=handler;
_img.onerror=handlerErr;
需要说明的是,该第二标识与第一标识相对应,且为不同的标识;与第一标识同理,该第二标识也可以是其它标识,本公开实施例对此不作限定。
在步骤203中,对该指定图片的加载过程进行监控,获取该指定图片的加载状态。
发送该指定图片的图片加载请求后,监控该指定图片的加载过程,也即是,对该指定图片的加载状态标识为和加载结果标识位进行监控,以确保能够及时获知用于标识该指定图片加载状态和加载结果,能够保证在该指定图片加载成功的基础上,避免重复发送该指定图片的图片加载请求,进而能够降低带宽占用及终端的内存占用。
在步骤204中,如果该指定图片的加载状态为成功,在该指定图片的显示位置显示获取到的该指定图片。
当检测到该指定图片的加载状态为成功时,在该界面中该指定图片的显示位置显示获取到的该指定图片,并将该将指定图片的加载状态标识位置为第一标识,该加载结果标识位置为第一标识,以表示该指定图片已加载成功,无需再次发送该指定图片的图片加载请求。需要说明的是,该第一标识与步骤202中的第一标识为同一标识,实现这一过程的程序代码可以为:
通过将该指定图片的加载状态标识位置为第一标识,表示该指定图片已加载成功,无需向该指定图片的URL再次发送图片加载请求。
在步骤205中,如果该指定图片的加载状态为失败,重复执行步骤202直到该指定图片的加载状态切换至成功。
当检测到该指定图片的加载状态为失败时,将该加载状态标识位置为第一标识,以表示该指定图片加载状态为失败,仍需再次向该指定图片的URL发送图片加载请求;实现这一过程的程序代码可以为:
通过将该指定图片的加载状态标识位置为第一标识,表示该指定图片仍需再次加载,待终端检测到该指定图片的加载状态标识位为第一标识时,建立该指定图片的图片加载请求,以继续加载该指定图片。
在本公开另一实施例中,在重复进行图片加载的过程中,可以根据指定图片的加载状态标识位和加载结果标识位,获取该指定图片的加载状态,具体地,当检测到该加载状态标识位和该加载结果标识位均为第二标识时,确定该指定图片的加载状态为失败;当检测到该加载状态标识位为第一标识,且该加载结果标识位为第二标识时,确定该指定图片的加载状态为成功。
通过根据该指定图片的加载状态标识位和加载结果标识位,能够加快获取该指定图片加载状态的速度,进而能够加快图片的加载过程,减少用户的等待时间。
在本公开又一实施例中,在本公开所提供的图片显示方法中,对于图片加载过程,可以采用断点续传的方法进行,具体方法可以为:将该指定图片的第一部分图片数据存储至指定存储空间,该第一部分图片数据为第一图片加载请求失败所接收到的图片数据;在发送第二图片加载请求时,接收该指定图片的第二部分图片数据,该第二图片加载请求用于获取该第二部分图片数据;该第二部分图片数据为该第一图片加载请求失败所未接收到的图片数据。
通过采用断点续传的方法加载图片,能够加快加载速度,减少等待时间,而且还能够避免相同数据重复加载,进而能够避免产生过多的资源碎片。
相应地,在该界面加载过程中,如果该界面中有至少两个指定图片,可以采用并发模式,同时向该至少两个指定图片中每个指定图片的URL发送对应的图片加载请求,以获取该指定图片的全部数据,进而使得终端能够正常显示该至少两个指定图片。当然,也可以确定该至少两个指定图片中每个指定图片的图片加载请求的优先级,根据该优先级向对应URL发送图片加载请求,确定该每个指定图片的图片加载请求优先级的方法可以有以下三种:
第一种、根据每个指定图片的第一部分图片数据的数据量,确定该每个指定图片的图片加载请求的优先级;其中,该每个指定图片的第一部分图片数据是指在界面加载过程中,每个指定图片已加载的图片数据。
通过根据每个指定图片已加载的图片数据量,确定该每个指定图片的图片加载请求的优先级,能够优先发送已加载数据量最多的图片加载请求,从而能够依次对该至少两个指定图片进行加载,进而能够有效减少在该界面加载过程中图片加载请求的发送次数。
第二种、根据该指定存储空间中,每个指定图片的数据百分比,确定该每个指定图片的图片加载请求的优先级,该每个指定图片的数据百分比是指每个指定图片的第一部分图片数据的数据量占对应指定图片总数据量的百分比。
通过根据每个指定图片的数据百分比,确定该每个指定图片的图片加载请求的优先级,能够优先向即将加载成功的图片的URL发送图片加载请求,从而能够按照已确定每个指定图片的图片加载请求的优先级,依次加载该至少两个指定图片,进而能够有效减少在该界面加载过程中图片加载请求的发送次数。
第三种、根据每个指定图片在该界面中的显示顺序,确定该每个指定图片的图片加载请求的优先级。
通过根据每个指定图片在该界面中的显示顺序,确定该每个指定图片的图片加载请求的优先级,能够优先加载在该界面中先出现的图片,更符合用户浏览需求。
确定该至少两个指定图片中每个指定图片的图片加载请求优先级的方法可以为上述三种方法中的任一种,也可以采用其他方法确定图片加载请求的优先级,本公开实施例对此不作限定。
上述图片显示过程不仅可以应用在浏览器类APP中,还可以应用在社交类APP中,例如,用户可以通过社交类APP的实时交互功能进行图片发送,接收方在接收发送方发送的图片的过程中,当由于网络状态不佳等原因造成图片未能加载成功,进而导致不能正常显示时,可以通过上述方法继续发送该图片的图片加载请求,直至该图片加载成功为止,对该图片进行显示;当发送方同时发送多个图片,且该多个图片中有至少两个指定图片时,可以根据步骤202中确定图片加载请求优先级的方法依次发送图片加载请求,也可以采用并发方式发送,本公开实施例对此不作限定。
对于本公开所提供的图片显示方法,除了可以应用在上述场景中以外,还可以应用在其他场景中,本公开实施例对该图片显示方法的应用场景不作限定。
本公开实施例提供的方法,通过在界面加载过程中,对指定图片的加载过程进行监控,对加载状态为失败的图片,多次发送图片加载请求,直至图片加载状态切换至成功为止,能够避免图片出现图裂等无法显示的现象,且能够确保该界面中的每个图片都能够正常显示;进一步地,当该界面中有至少两个指定图片时,通过确定该至少两个指定图片中每个指定图片的图片加载请求的优先级,能够有效减少在该界面加载过程中图片加载请求的发送次数,通过根据该指定图片的加载状态标识位和加载结果标识位,能够加快获取该指定图片加载状态的速度,进而能够加快图片的加载过程,减少用户的等待时间。
图3是根据一示例性实施例示出的一种图片显示装置框图。参照图3,该装置包括检测模块301,发送模块302,获取模块303和显示模块304。
检测模块301,用于在界面加载过程中,检测该界面中图片的加载状态;
发送模块302,用于根据该检测模块检测到的该界面中图片的加载状态,向指定图片的统一资源定位符URL发送图片加载请求,该指定图片是指该界面中图片加载状态为失败的图片;
获取模块303,用于对该指定图片的加载过程进行监控,获取该指定图片的加载状态;
显示模块304,用于如果该获取模块获取到的该指定图片的加载状态为成功,在该指定图片的显示位置显示获取到的该指定图片;
该发送模块302还用于如果该获取模块获取到的该指定图片的加载状态为失败,重复执行向该指定图片的URL发送图片加载请求直到该指定图片的加载状态切换至成功。
在本公开提供的第一种可能实现方式中,该装置还包括置位模块,该置位模块用于:
将该指定图片的加载状态标识位和加载结果标识位均置为第一标识;
相应地,向指定图片的统一资源定位符URL发送图片加载请求之后,将该加载状态标识位置为第二标识;
如果该指定图片的加载状态为失败,重复执行向该指定图片的URL发送图片加载请求及其以后步骤之前,将该加载状态标识位置为第一标识;
如果该指定图片的加载状态为成功,在该指定图片的显示位置显示获取到的该指定图片之前,将加载状态标识位置为第一标识,该加载结果标识位置为第一标识。
在本公开提供的第二种可能实现方式中,,该装置还包括加载状态确定模块,该加载状态确定模块用于:
当检测到该加载状态标识位和该加载结果标识位均为第二标识时,确定该指定图片的加载状态为失败;或,
当检测到该加载状态标识位为第一标识,且该加载结果标识位为第二标识时,确定该指定图片的加载状态为成功。
在本公开提供的第三种可能实现方式中,该装置还包括:
存储模块,用于将该指定图片的第一部分图片数据存储至指定存储空间,该第一部分图片数据为第一图片加载请求失败所接收到的图片数据;
接收模块,用于在发送第二图片加载请求时,接收该指定图片的第二部分图片数据,该第二图片加载请求用于获取该第二部分图片数据;该第二部分图片数据为该第一图片加载请求失败所未接收到的图片数据。
在本公开提供的第四种可能实现方式中,该装置还包括优先级确定模块,该优先级确定模块用于:
在该界面加载过程中,如果该界面中有至少两个指定图片,根据每个指定图片的第一部分图片数据的数据量,确定该每个指定图片的图片加载请求的优先级;或,
如果该界面中有至少两个指定图片,根据该指定存储空间中,每个指定图片的数据百分比,确定该每个指定图片的图片加载请求的优先级,该每个指定图片的数据百分比是指每个指定图片的第一部分图片数据的数据量占对应指定图片总数据量的百分比;或,
如果该界面中有至少两个指定图片,根据每个指定图片在该界面中的显示顺序,确定该每个指定图片的图片加载请求的优先级。
关于上述实施例中的装置,其中各个模块执行操作的具体方式已经在有关该方法的实施例中进行了详细描述,此处将不做详细阐述说明。
图4是根据一示例性实施例示出的一种图片显示装置400的框图。例如,装置400可以是移动电话,计算机,数字广播终端,消息收发设备,游戏控制台,平板设备,医疗设备,健身设备,个人数字助理等。
参照图4,装置400可以包括以下一个或多个组件:处理组件402,存储器404,电源组件406,多媒体组件404,音频组件410,输入/输出(I/O)接口412,传感器组件414,以及通信组件416。
处理组件402通常控制装置400的整体操作,诸如与显示,电话呼叫,数据通信,相机操作和记录操作相关联的操作。处理组件402可以包括一个或多个处理器420来执行指令,以完成上述的方法的全部或部分步骤。此外,处理组件402可以包括一个或多个模块,便于处理组件402和其他组件之间的交互。例如,处理组件402可以包括多媒体模块,以方便多媒体组件408和处理组件402之间的交互。
存储器404被配置为存储各种类型的数据以支持在装置400的操作。这些数据的示例包括用于在装置400上操作的任何应用程序或方法的指令,联系人数据,电话簿数据,消息,图片,视频等。存储器404可以由任何类型的易失性或非易失性存储设备或者它们的组合实现,如静态随机存取存储器(SRAM),电可擦除可编程只读存储器(EEPROM),可擦除可编程只读存储器(EPROM),可编程只读存储器(PROM),只读存储器(ROM),磁存储器,快闪存储器,磁盘或光盘。
电源组件406为装置400的各种组件提供电力。电源组件406可以包括电源管理系统,一个或多个电源,及其他与为装置400生成、管理和分配电力相关联的组件。
多媒体组件408包括在所述装置400和用户之间的提供一个输出接口的屏幕。在一些实施例中,屏幕可以包括液晶显示器(LCD)和触摸面板(TP)。如果屏幕包括触摸面板,屏幕可以被实现为触摸屏,以接收来自用户的输入信号。触摸面板包括一个或多个触摸传感器以感测触摸、滑动和触摸面板上的手势。所述触摸传感器可以不仅感测触摸或滑动动作的边界,而且还检测与所述触摸或滑动操作相关的持续时间和压力。在一些实施例中,多媒体组件408包括一个前置摄像头和/或后置摄像头。当装置400处于操作模式,如拍摄模式或视频模式时,前置摄像头和/或后置摄像头可以接收外部的多媒体数据。每个前置摄像头和后置摄像头可以是一个固定的光学透镜系统或具有焦距和光学变焦能力。
音频组件410被配置为输出和/或输入音频信号。例如,音频组件410包括一个麦克风(MIC),当装置400处于操作模式,如呼叫模式、记录模式和语音识别模式时,麦克风被配置为接收外部音频信号。所接收的音频信号可以被进一步存储在存储器404或经由通信组件416发送。在一些实施例中,音频组件410还包括一个扬声器,用于输出音频信号。
I/O接口412为处理组件402和外围接口模块之间提供接口,上述外围接口模块可以是键盘,点击轮,按钮等。这些按钮可包括但不限于:主页按钮、音量按钮、启动按钮和锁定按钮。
传感器组件414包括一个或多个传感器,用于为装置400提供各个方面的状态评估。例如,传感器组件414可以检测到装置400的打开/关闭状态,组件的相对定位,例如所述组件为装置400的显示器和小键盘,传感器组件414还可以检测装置400或装置400一个组件的位置改变,用户与装置400接触的存在或不存在,装置400方位或加速/减速和装置400的温度变化。传感器组件414可以包括接近传感器,被配置用来在没有任何的物理接触时检测附近物体的存在。传感器组件414还可以包括光传感器,如CMOS或CCD图像传感器,用于在成像应用中使用。在一些实施例中,该传感器组件414还可以包括加速度传感器,陀螺仪传感器,磁传感器,压力传感器或温度传感器。
通信组件416被配置为便于装置400和其他设备之间有线或无线方式的通信。装置400可以接入基于通信标准的无线网络,如WiFi,2G或3G,或它们的组合。在一个示例性实施例中,通信组件416经由广播信道接收来自外部广播管理系统的广播信号或广播相关信息。在一个示例性实施例中,所述通信组件416还包括近场通信(NFC)模块,以促进短程通信。例如,在NFC模块可基于射频识别(RFID)技术,红外数据协会(IrDA)技术,超宽带(UWB)技术,蓝牙(BT)技术和其他技术来实现。
在示例性实施例中,装置400可以被一个或多个应用专用集成电路(ASIC)、数字信号处理器(DSP)、数字信号处理设备(DSPD)、可编程逻辑器件(PLD)、现场可编程门阵列(FPGA)、控制器、微控制器、微处理器或其他电子元件实现,用于执行上述图片显示方法。
在示例性实施例中,还提供了一种包括指令的非临时性计算机可读存储介质,例如包括指令的存储器404,上述指令可由装置400的处理器420执行以完成上述方法。例如,所述非临时性计算机可读存储介质可以是ROM、随机存取存储器(RAM)、CD-ROM、磁带、软盘和光数据存储设备等。
在示例性实施例中,还提供了一种非临时性计算机可读存储介质,当所述存储介质中的指令由移动终端的处理器执行时,使得移动终端能够执行上述图片显示方法。
本领域技术人员在考虑说明书及实践这里公开的发明后,将容易想到本公开的其它实施方案。本申请旨在涵盖本公开的任何变型、用途或者适应性变化,这些变型、用途或者适应性变化遵循本公开的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的,本公开的真正范围和精神由下面的权利要求指出。
应当理解的是,本公开并不局限于上面已经描述并在附图中示出的精确结构,并且可以在不脱离其范围进行各种修改和改变。本公开的范围仅由所附的权利要求来限制。

Claims (11)

1.一种图片显示方法,其特征在于,所述方法包括:
在界面加载过程中,检测所述界面中图片的加载状态;
根据所述界面中图片的加载状态,向指定图片的统一资源定位符URL发送图片加载请求,所述指定图片是指所述界面中图片加载状态为失败的图片;
对所述指定图片的加载过程进行监控,获取所述指定图片的加载状态;
如果所述指定图片的加载状态为成功,在所述指定图片的显示位置显示获取到的所述指定图片;
如果所述指定图片的加载状态为失败,重复执行向所述指定图片的URL发送图片加载请求直到所述指定图片的加载状态切换至成功。
2.根据权利要求1所述的方法,其特征在于,向指定图片的统一资源定位符URL发送图片加载请求之前,所述方法还包括:
将所述指定图片的加载状态标识位和加载结果标识位均置为第一标识;
相应地,向指定图片的统一资源定位符URL发送图片加载请求之后,将所述加载状态标识位置为第二标识;
如果所述指定图片的加载状态为失败,重复执行向所述指定图片的URL发送图片加载请求及其以后步骤之前,将所述加载状态标识位置为第一标识;
如果所述指定图片的加载状态为成功,在所述指定图片的显示位置显示获取到的所述指定图片之前,将加载状态标识位置为第一标识,所述加载结果标识位置为第一标识。
3.根据权利要求2所述的方法,其特征在于,所述方法还包括:
当检测到所述加载状态标识位和所述加载结果标识位均为第二标识时,确定所述指定图片的加载状态为失败;或,
当检测到所述加载状态标识位为第一标识,且所述加载结果标识位为第二标识时,确定所述指定图片的加载状态为成功。
4.根据权利要求1所述的方法,其特征在于,如果所述指定图片的加载状态仍为未成功,重复执行向所述指定图片的URL发送图片加载请求直到所述指定图片的实时加载状态切换至成功之前,所述方法还包括:
将所述指定图片的第一部分图片数据存储至指定存储空间,所述第一部分图片数据为第一图片加载请求失败所接收到的图片数据;
在发送第二图片加载请求时,接收所述指定图片的第二部分图片数据,所述第二图片加载请求用于获取所述第二部分图片数据;所述第二部分图片数据为所述第一图片加载请求失败所未接收到的图片数据。
5.根据权利要求4所述的方法,其特征在于,所述方法还包括:
在所述界面加载过程中,如果所述界面中有至少两个指定图片,根据每个指定图片的第一部分图片数据的数据量,确定所述每个指定图片的图片加载请求的优先级;或,
如果所述界面中有至少两个指定图片,根据所述指定存储空间中,每个指定图片的数据百分比,确定所述每个指定图片的图片加载请求的优先级,所述每个指定图片的数据百分比是指每个指定图片的第一部分图片数据的数据量占对应指定图片总数据量的百分比;或,
如果所述界面中有至少两个指定图片,根据每个指定图片在所述界面中的显示顺序,确定所述每个指定图片的图片加载请求的优先级。
6.一种图片显示装置,其特征在于,所述装置包括:
检测模块,用于在界面加载过程中,检测所述界面中图片的加载状态;
发送模块,用于根据所述检测模块检测到的所述界面中图片的加载状态,向指定图片的统一资源定位符URL发送图片加载请求,所述指定图片是指所述界面中图片加载状态为失败的图片;
获取模块,用于对所述指定图片的加载过程进行监控,获取所述指定图片的加载状态;
显示模块,用于如果所述获取模块获取到的所述指定图片的加载状态为成功,在所述指定图片的显示位置显示获取到的所述指定图片;
所述发送模块还用于如果所述获取模块获取到的所述指定图片的加载状态为失败,重复执行向所述指定图片的URL发送图片加载请求直到所述指定图片的加载状态切换至成功。
7.根据权利要求6所述的装置,其特征在于,所述装置还包括置位模块,所述置位模块用于:
将所述指定图片的加载状态标识位和加载结果标识位均置为第一标识;
相应地,向指定图片的统一资源定位符URL发送图片加载请求之后,将所述加载状态标识位置为第二标识;
如果所述指定图片的加载状态为失败,重复执行向所述指定图片的URL发送图片加载请求及其以后步骤之前,将所述加载状态标识位置为第一标识;
如果所述指定图片的加载状态为成功,在所述指定图片的显示位置显示获取到的所述指定图片之前,将加载状态标识位置为第一标识,所述加载结果标识位置为第一标识。
8.根据权利要求7所述的装置,其特征在于,所述装置还包括加载状态确定模块,所述加载状态确定模块用于:
当检测到所述加载状态标识位和所述加载结果标识位均为第二标识时,确定所述指定图片的加载状态为失败;或,
当检测到所述加载状态标识位为第一标识,且所述加载结果标识位为第二标识时,确定所述指定图片的加载状态为成功。
9.根据权利要求6所述的装置,其特征在于,所述装置还包括:
存储模块,用于将所述指定图片的第一部分图片数据存储至指定存储空间,所述第一部分图片数据为第一图片加载请求失败所接收到的图片数据;
接收模块,用于在发送第二图片加载请求时,接收所述指定图片的第二部分图片数据,所述第二图片加载请求用于获取所述第二部分图片数据;所述第二部分图片数据为所述第一图片加载请求失败所未接收到的图片数据。
10.根据权利要求9所述的装置,其特征在于,所述装置还包括优先级确定模块,所述优先级确定模块用于:
在所述界面加载过程中,如果所述界面中有至少两个指定图片,根据每个指定图片的第一部分图片数据的数据量,确定所述每个指定图片的图片加载请求的优先级;或,
如果所述界面中有至少两个指定图片,根据所述指定存储空间中,每个指定图片的数据百分比,确定所述每个指定图片的图片加载请求的优先级,所述每个指定图片的数据百分比是指每个指定图片的第一部分图片数据的数据量占对应指定图片总数据量的百分比;或,
如果所述界面中有至少两个指定图片,根据每个指定图片在所述界面中的显示顺序,确定所述每个指定图片的图片加载请求的优先级。
11.一种图片显示装置,其特征在于,包括:
处理器;
用于存储处理器可执行的指令的存储器;
其中,所述处理器被配置为:
在界面加载过程中,检测所述界面中图片的加载状态;
向指定图片的统一资源定位符URL发送图片加载请求,所述指定图片是指所述页面中图片加载状态为失败的图片;
对所述指定图片的加载过程进行监控,获取所述指定图片的加载状态;
如果所述指定图片的加载状态为成功,在所述指定图片的显示位置显示获取到的所述指定图片;
如果所述指定图片的加载状态为失败,重复执行向所述指定图片的URL发送图片加载请求直到所述指定图片的加载状态切换至成功。
CN201510903471.8A 2015-12-09 2015-12-09 图片显示方法及装置 Pending CN105550260A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201510903471.8A CN105550260A (zh) 2015-12-09 2015-12-09 图片显示方法及装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201510903471.8A CN105550260A (zh) 2015-12-09 2015-12-09 图片显示方法及装置

Publications (1)

Publication Number Publication Date
CN105550260A true CN105550260A (zh) 2016-05-04

Family

ID=55829449

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201510903471.8A Pending CN105550260A (zh) 2015-12-09 2015-12-09 图片显示方法及装置

Country Status (1)

Country Link
CN (1) CN105550260A (zh)

Cited By (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN106101761A (zh) * 2016-06-30 2016-11-09 乐视控股(北京)有限公司 一种桌面加载方法及智能电视
CN106980694A (zh) * 2017-04-01 2017-07-25 北京奇虎科技有限公司 浏览器页面信息交互方法、装置及移动终端
WO2019071441A1 (zh) * 2017-10-10 2019-04-18 深圳传音通讯有限公司 一种数据加载方法和相关装置以及系统
CN110929191A (zh) * 2019-10-25 2020-03-27 北京城市网邻信息技术有限公司 一种图片加载方法、装置、终端及存储介质

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20110279694A1 (en) * 1996-08-05 2011-11-17 Hirokazu Ohi Communication method and apparatus, server and client on network, and program codes realizing communication thereof
CN103544149A (zh) * 2012-07-09 2014-01-29 百度在线网络技术(北京)有限公司 一种访问图片的方法、系统和图片服务器
CN103870102A (zh) * 2012-12-13 2014-06-18 腾讯科技(武汉)有限公司 图片切换方法及装置
CN103914302A (zh) * 2014-04-02 2014-07-09 北京京东尚科信息技术有限公司 一种网页加载进度监控方法和装置

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20110279694A1 (en) * 1996-08-05 2011-11-17 Hirokazu Ohi Communication method and apparatus, server and client on network, and program codes realizing communication thereof
CN103544149A (zh) * 2012-07-09 2014-01-29 百度在线网络技术(北京)有限公司 一种访问图片的方法、系统和图片服务器
CN103870102A (zh) * 2012-12-13 2014-06-18 腾讯科技(武汉)有限公司 图片切换方法及装置
CN103914302A (zh) * 2014-04-02 2014-07-09 北京京东尚科信息技术有限公司 一种网页加载进度监控方法和装置

Cited By (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN106101761A (zh) * 2016-06-30 2016-11-09 乐视控股(北京)有限公司 一种桌面加载方法及智能电视
CN106980694A (zh) * 2017-04-01 2017-07-25 北京奇虎科技有限公司 浏览器页面信息交互方法、装置及移动终端
WO2019071441A1 (zh) * 2017-10-10 2019-04-18 深圳传音通讯有限公司 一种数据加载方法和相关装置以及系统
CN110929191A (zh) * 2019-10-25 2020-03-27 北京城市网邻信息技术有限公司 一种图片加载方法、装置、终端及存储介质

Similar Documents

Publication Publication Date Title
CN105338399A (zh) 图像获取方法及装置
CN104808501A (zh) 智能场景删除方法和装置
CN105553663A (zh) 验证码输入方法及装置
CN105491048A (zh) 账户管理方法及装置
CN104703252A (zh) 终端设备接入无线网络的方法及装置
CN104468329A (zh) 基于即时通信的成员添加方法和装置
CN105095345A (zh) 推送消息的提示方法及装置
CN105159672A (zh) 远程协助方法和客户端
CN105204350A (zh) 显示家电设备信息的方法及装置
CN104766005A (zh) 应用软件访问权限的管理方法和装置
CN104618511A (zh) 智能设备检测方法和装置
CN105117337A (zh) 应用调试方法、客户端及调试平台
CN105354017A (zh) 信息处理方法及装置
CN105095081A (zh) 应用程序的功能测试方法及装置
CN104536787A (zh) 资源预加载方法及装置
CN105550260A (zh) 图片显示方法及装置
CN105138564A (zh) 数据文件的读取方法及装置
CN105094900A (zh) 一种下载控制程序的方法及装置
CN104881304A (zh) 资源下载方法及装置
CN107562500B (zh) 调试装置、方法及设备
CN104572875A (zh) 推广信息投放有效性确定方法及装置
CN104881342A (zh) 终端测试方法及装置
CN105468417A (zh) 应用软件安装方法和装置
CN105487758A (zh) 应用软件弹窗控制方法、装置和终端设备
CN104951184A (zh) 应用程序下载方法及装置

Legal Events

Date Code Title Description
C06 Publication
PB01 Publication
C10 Entry into 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: 20160504