图片显示方法及装置的制造方法

文档序号:9787467阅读:390来源:国知局
图片显示方法及装置的制造方法
【技术领域】
[0001] 本公开涉及终端技术领域,尤其涉及一种图片显示方法及装置。
【背景技术】
[0002] 随着终端技术的不断发展,终端所提供的功能日益完善,用户可以在终端安装各 种不同类型的APP(Application,应用程序),已使用这些APP提供的不同功能。例如,用户可 以通过在终端上安装的浏览器应用,浏览与所搜索内容对应的页面,该页面中可以显示文 本信息、图片信息和视频信息等多媒体信息,对于图片而言,如果某一图片加载失败,则无 法在该页面正常显示该图片;由于浏览器应用的页面中有刷新功能按键,当图片加载失败 时,可以在检测该刷新功能按键的触发操作后,重新加载该图片。
[0003] 然而,对于显示界面中没有刷新功能按键的Hybrid APP(混合模式移动应用)来 说,当图片加载失败时,无法通过该刷新功能按键重新加载图片,以正常显示该图片。目前, 图片显示方法可以为:在界面加载过程中,向该界面中待显示图片的URUUniform Resource Locator,统一资源定位符)发送图片加载请求,以获取该显示图片,并进行显示。 例如,采用img( image,图片)标签对图片URL(Uniform Resource Locator,统一资源定位 符)发送请求,例如,〈img src = "图片url">,或者通过JavaScript等直译式脚本语言构造 图片对象img:var img = new Image〇;img.Src="图片url"向图片URL发送图片加载请求, 以获取该URL对应的图片,并进行显示。
[0004] 上述图片显示方法,通过直接向图片URL发送请求显示对应图片,但是,如果请求 发送失败,或者由于网络状态不佳,未获取到该图片资源,导致"裂图",而不能显示该图片 时,该方法不会再进行额外处理,进而导致无法解决图片不能正常显示的问题。

【发明内容】

[0005] 为克服相关技术中存在的问题,本公开提供一种图片显示方法及装置。
[0006] 根据本公开实施例的第一方面,提供一种图片显示方法,包括:
[0007] 在界面加载过程中,检测所述界面中图片的加载状态;
[0008] 根据所述界面中图片的加载状态,向指定图片的统一资源定位符URL发送图片加 载请求,所述指定图片是指所述界面中图片加载状态为失败的图片;
[0009] 对该指定图片的加载过程进行监控,获取该指定图片的加载状态;
[0010]如果该指定图片的加载状态为成功,在该指定图片的显示位置显示获取到的该指 定图片;
[0011] 如果该指定图片的加载状态为失败,重复执行向该指定图片的URL发送图片加载 请求直到该指定图片的加载状态切换至成功。
[0012] 在本公开的第一方面的第一种可能实现方式中,向指定图片的统一资源定位符 URL发送图片加载请求之前,该方法还包括:
[0013] 将该指定图片的加载状态标识位和加载结果标识位均置为第一标识;
[0014] 相应地,向指定图片的统一资源定位符URL发送图片加载请求之后,将该加载状态 标识位置为第二标识;
[0015] 如果该指定图片的加载状态为失败,重复执行向该指定图片的URL发送图片加载 请求及其以后步骤之前,将该加载状态标识位置为第一标识;
[0016] 如果该指定图片的加载状态为成功,在该指定图片的显示位置显示获取到的该指 定图片之前,将加载状态标识位置为第一标识,该加载结果标识位置为第一标识。
[0017] 在本公开的第一方面的第二种可能实现方式中,该方法还包括:
[0018] 当检测到该加载状态标识位和该加载结果标识位均为第二标识时,确定该指定图 片的加载状态为失败;或,
[0019] 当检测到该加载状态标识位为第一标识,且该加载结果标识位为第二标识时,确 定该指定图片的加载状态为成功。
[0020] 在本公开的第一方面的第三种可能实现方式中,如果该指定图片的加载状态仍为 未成功,重复执行向该指定图片的URL发送图片加载请求直到该指定图片的实时加载状态 切换至成功之前,该方法还包括:
[0021] 将该指定图片的第一部分图片数据存储至指定存储空间,该第一部分图片数据为 第一图片加载请求失败所接收到的图片数据;
[0022] 在发送第二图片加载请求时,接收该指定图片的第二部分图片数据,该第二图片 加载请求用于获取该第二部分图片数据;该第二部分图片数据为该第一图片加载请求失败 所未接收到的图片数据。
[0023] 在本公开的第一方面的第四种可能实现方式中,该方法还包括:
[0024] 在该界面加载过程中,如果该界面中有至少两个指定图片,根据每个指定图片的 第一部分图片数据的数据量,确定该每个指定图片的图片加载请求的优先级;或,
[0025] 如果该界面中有至少两个指定图片,根据该指定存储空间中,每个指定图片的数 据百分比,确定该每个指定图片的图片加载请求的优先级,该每个指定图片的数据百分比 是指每个指定图片的第一部分图片数据的数据量占对应指定图片总数据量的百分比;或,
[0026] 如果该界面中有至少两个指定图片,根据每个指定图片在该界面中的显示顺序, 确定该每个指定图片的图片加载请求的优先级。
[0027]根据本公开实施例的第二方面,提供一种图片显示装置,包括:
[0028] 检测模块,用于在界面加载过程中,检测该界面中图片的加载状态;
[0029] 发送模块,用于根据该检测模块检测到的该界面中图片的加载状态,向指定图片 的统一资源定位符URL发送图片加载请求,该指定图片是指该界面中图片加载状态为失败 的图片;
[0030] 获取模块,用于对该指定图片的加载过程进行监控,获取该指定图片的加载状态;
[0031] 显示模块,用于如果该获取模块获取到的该指定图片的加载状态为成功,在该指 定图片的显示位置显示获取到的该指定图片;
[0032]该发送模块还用于如果该获取模块获取到的该指定图片的加载状态为失败,重复 执行向该指定图片的URL发送图片加载请求直到该指定图片的加载状态切换至成功。
[0033]在本公开的第二方面的第一种可能实现方式中,该装置还包括置位模块,该置位 模块用于:
[0034] 将该指定图片的加载状态标识位和加载结果标识位均置为第一标识;
[0035] 相应地,向指定图片的统一资源定位符URL发送图片加载请求之后,将该加载状态 标识位置为第二标识;
[0036] 如果该指定图片的加载状态为失败,重复执行向该指定图片的URL发送图片加载 请求及其以后步骤之前,将该加载状态标识位置为第一标识;
[0037]如果该指定图片的加载状态为成功,在该指定图片的显示位置显示获取到的该指 定图片之前,将加载状态标识位置为第一标识,该加载结果标识位置为第一标识。
[0038] 在本公开的第二方面的第二种可能实现方式中,该装置还包括加载状态确定模 块,该加载状态确定模块用于:
[0039] 当检测到该加载状态标识位和该加载结果标识位均为第二标识时,确定该指定图 片的加载状态为失败;或,
[0040] 当检测到该加载状态标识位为第一标识,且该加载结果标识位为第二标识时,确 定该指定图片的加载状态为成功。
[0041 ]在本公开的第二方面的第三种可能实现方式中,该装置还包括:
[0042] 存储模块,用于将该指定图片的第一部分图片数据存储至指定存储空间,该第一 部分图片数据为第一图片加载请求失败所接收到的图片数据;
[0043] 接收模块,用于在发送第二图片加载请求时,接收该指定图片的第二部分图片数 据,该第二图片加载请求用于获取该第二部分图片数据;该第二部分图片数据为该第一图 片加载请求失败所未接收到的图片数据。
[0044] 在本公开的第二方面的第四种可能实现方式中,该装置还包括优先级确定模块, 该优先级确定模块用于:
[0045] 在该界面加载过程中,如果该界面中有至少两个指定图片,根据每个指定图片的 第一部分图片数据的数据量,确定该每个指定图片的图片加载请求的优先级;或,
[0046] 如果该界面中有至少两个指定图片,根据该指定存储空间中,每个指定图片的数 据百分比,确定该每个指定图片的图片加载请求的优先级,该每个指定图片的数据百分比 是指每个指定图片的第一部分图片数据的数据量占对应指定图片总数据量的百分比;或, [0047]如果该界面中有至少两个指定图片,根据每个指定图片在该界面中的显示顺序, 确定该每个指定图片的图片加载请求的优先级。
[0048]第三方面
当前第1页1 2 3 4 5 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1