[发明专利]图片加载方法及其系统

说明书

技术领域

本公开涉及网络技术领域，更具体地，涉及一种图片加载方法及其系统、以及一种非易失性存储介质和一种计算机系统。

背景技术

互联网发展日新月异，随着智能手机的发展，通过超文本标记语言(HyperText Markup Language，简称为HTML)和Javascript语言，以及层叠样式表(Cascading Style Sheets，简称为CSS)进行混合编程开发的HTML5应用大行其道，用户可以很方便的通过移动客户端访问HTML5应用，随着HTML5应用功能越来越复杂，单个页面展示的信息也越来越丰富，通常包括文字、布局和图片信息以及音频、视频。

目前，相关技术中提供了多种HTML5应用图片加载的方案。然而，在实现本公开实施例的过程中，发明人发现相关技术中至少存在如下问题：在实现图片加载的过程中，图片加载的顺序不可控。

针对相关技术中的上述问题，目前还未提出有效的解决方案。

发明内容

有鉴于此，本公开提供了一种图片加载方法及图片加载系统。

本公开的一方面提供了一种图片加载方法，包括：获取包含有至少一张图片的页面文件；确定上述至少一张图片在上述页面文件中的布局；以及在加载上述页面文件对应的页面的过程中，根据确定出的上述至少一张图片在上述页面文件中的布局，按序加载上述至少一张图片中的每张图片。

根据本公开的实施例，确定上述至少一张图片在上述页面文件中的布局包括：确定上述至少一张图片中的每张图片在上述页面文件中的显示顺序；获取上述至少一张图片中的每张图片的图片地址；以及将获取的图片地址按照上述显示顺序排列成图片地址序列。

根据本公开的实施例，在加载上述页面文件对应的页面的过程中，根据确定出的上述至少一张图片在上述页面文件中的布局，按序加载上述至少一张图片中的每张图片包括：在加载上述页面文件对应的页面的过程中，根据确定出的上述至少一张图片在上述页面文件中的布局，使用单个线程按序加载上述至少一张图片中的每张图片。

根据本公开的实施例，在加载上述页面文件对应的页面的过程中，根据确定出的上述至少一张图片在上述页面文件中的布局，按序加载上述至少一张图片中的每张图片包括：在加载上述页面文件对应的页面的过程中，根据确定出的上述至少一张图片在上述页面文件中的布局，使用多个线程按序加载上述至少一张图片中的每张图片。

根据本公开的实施例，在使用多个线程按序加载上述至少一张图片中的每张图片时：上述多个线程是同步运行的；和/或在上述多个线程中的至少一个线程中，上述至少一张图片中对应线程内的图片是按照其在上述页面文件中布局的前后顺序而先后加载到与上述页面文件对应的页面中的。

本公开的另一方面提供了一种图片加载系统，包括：获取模块，用于获取包含有至少一张图片的页面文件；确定模块，用于确定上述至少一张图片在上述页面文件中的布局；以及加载模块，用于在加载上述页面文件对应的页面的过程中，根据确定出的上述至少一张图片在上述页面文件中的布局，按序加载上述至少一张图片中的每张图片。

根据本公开的实施例，上述确定模块包括：确定单元，用于确定上述至少一张图片中的每张图片在上述页面文件中的显示顺序；获取单元，用于获取上述至少一张图片中的每张图片的图片地址；以及排列单元，用于将获取的图片地址按照上述显示顺序排列成图片地址序列。

根据本公开的实施例，上述加载模块还用于在加载上述页面文件对应的页面的过程中，根据确定出的上述至少一张图片在上述页面文件中的布局，使用单个线程按序加载上述至少一张图片中的每张图片。

根据本公开的实施例，上述加载模块还用于在加载上述页面文件对应的页面的过程中，根据确定出的上述至少一张图片在上述页面文件中的布局，使用多个线程按序加载上述至少一张图片中的每张图片。

根据本公开的实施例，上述多个线程是同步运行的；和/或在上述多个线程中的至少一个线程中，上述至少一张图片中对应线程内的图片是按照其在上述页面文件中布局的前后顺序而先后加载到与上述页面文件对应的页面中的。

本公开的另一方面提供了一种非易失性存储介质，存储有计算机可执行指令，上述指令在被处理器执行时用于实现上述任一项所述的图片加载方法。

本公开的另一方面提供了一种计算机系统，包括：存储器，用于存储计算机可执行指令；以及处理器，用于执行上述指令以实现上述任一项所述的图片加载方法。