CN102685169B - 一种缩略图的大图预加载方法及系统 - Google Patents

Abstract

本发明公开了一种缩略图的大图预加载方法及系统，用于解决无法根据用户接入的接入网络类型动态地对缩略图的大图进行预加载控制，造成通过非移动运营商的接入网络接入互联网的情况下，加载缩略图的大图等待时间过长的技术问题。本发明中服务端根据终端接入网络的类型指示终端是否进行缩略图的大图的预加载，在通过非移动运营商的接入网络接入互联网的情况下，指示终端启用大图预加载，从而解决等待时间过长的问题；在通过移动运营商的接入网络接入互联网的情况下，指示终端不进行缩略图的大图的预加载，以节省用户流量。

Description

一种缩略图的大图预加载方法及系统

技术领域

本发明涉及图片显示领域，尤其涉及一种缩略图的大图预加载方法及系统。

背景技术

无线应用协议(Wireless Application Protocol，WAP)是一项全球性的网络通信协议。WAP使移动Internet有了一个通行的标准，其目标是将Internet的丰富信息及先进的业务引入到移动电话等无线终端之中。WAP定义可通用的平台，把目前Internet网上HTML语言的信息转换成用WML(Wireless MarkupLanguage)描述的信息，显示在移动电话的显示屏上。WAP只要求移动电话和WAP代理服务器的支持，而不要求现有的移动通信网络协议做任何的改动，因而可以广泛地应用于GSM、CDMA、TDMA、3G等多种网络。

通过WAP这种技术，就可以将Internet的大量信息及各种各样的业务引入到移动电话、PALM等无线终端之中。无论在何时、何地只要需要信息，打开WAP手机，用户就可以享受无穷无尽的网上信息或者网上资源。如：综合新闻、天气预报、股市动态、商业报道、当前汇率等。电子商务、网上银行也将逐一实现。通过WAP手机用户还可以随时随地获得体育比赛结果、娱乐圈趣闻等，为生活增添情趣，也可以利用网上预定功能，把生活安排的有条不紊。

WAP能给生活带来极大的便利，使不方便使用电脑的你也可以通过WAP上网下载手机图片、手机软件、手机主题、与世界各地的网友进行无线互动、也可上BBS灌水与好友分享自己新拍的照片仍至可以通过WAP购买你需要的东西。

由于WAP协议基于移动通信网络，由于现有移动通信的信道质量、带宽等限制因素的限制，以及无线通信网络日益拥堵的影响，使其相对于有线接入网络、Wi-Fi接入网络、无线局域网(WLAN)技术来说，具有带宽小、访问速度慢等缺陷。

现今，微博、社区等应用具有广大的用户群，用户通过微博、社区等应用能够实时关注好友的动态，增进了相互的交流，同时这种基于用户生成内容的网络应用也带来了巨大的网络流量，尤其是在显示图片和媒体文件时，为了减小网络流量，让用户只选择自己关心的内容，对于包含很多图片的应用，通常的解决方法是，当用户滚动网页，使缩略图进入显示范围时，在向服务端发送加载缩略图的请求，当用户点击缩略图时，在向服务端发送加载缩略图的大图的加载请求。这种方法虽然降低了用户流量，但对于通过非WAP方式接入网络的用户来说，由于其带宽较高，如果还要求用户在点击后才发送缩略图的大图的加载请求，势必让用户感觉很麻烦，等待时间过长，影响用户的使用。

发明内容

有鉴于此，本发明的主要目的在于提供一种缩略图的大图预加载方法及系统，用于解决无法根据用户接入的接入网络类型动态地对缩略图的大图进行预加载控制，造成通过非移动运营商的接入网络接入互联网(Internet)的情况下，加载缩略图的大图等待时间过长的技术问题。

为达到上述目的，本发明的技术方案是这样实现的：

一种缩略图的大图预加载方法，该方法包括：

服务端向终端指示是否对缩略图的大图进行预加载；

终端依据服务端的指示，在呈现缩略图的同时预加载或不预加载缩略图的大图。

进一步地，所述服务端决策是否对缩略图的大图进行预加载的条件为：

所述服务端依据终端的网络地址判断终端所接入的接入网类型，若终端所接入的接入网类型为移动运营商的接入网络，则指示终端对缩略图的大图不进行预加载；否则指示终端对缩略图的大图进行预加载。

进一步地，所述服务端指示对缩略图的大图进行预加载或不预加载的方法为：

所述服务端在根据终端的请求向终端反馈页面时，在反馈页面中输出一个控制参数，通过该控制参数指示终端对缩略图的大图进行预加载或不预加载。

进一步地，终端依据服务端的指示，在呈现缩略图的同时预加载缩略图的大图的方法为：

判断所述缩略图是否进入可视范围区域，当所述缩略图进入可视区域时，首先发送缩略图的加载请求；

当服务端指示对缩略图的大图进行预加载时，在延迟设定时间后再发送缩略图的大图的预加载请求。

进一步地，在发送缩略图的加载请求后，终端通过判断服务端发送的控制参数判断是否对缩略图的大图进行预加载。

基于本发明实施例，本发明还提出一种缩略图的大图预加载的系统，该系统包括：

指示模块，该模块位于服务端，用于向终端指示对缩略图的大图进行预加载或不进行预加载；

预加载模块，该模块位于终端，用于依据服务端的指示，对缩略图的大图进行预加载。

进一步地，所述系统还包括：

决策模块，该模块位于服务端，用于对终端的接入网类型进行判断，当终端的接入网类型为移动运营商的接入网络时，决策对缩略图的大图不进行预加载，否则决策对缩略图的大图进行预加载，并将决策结果发送给指示模块。

进一步地，所述指示模块在发送给终端的反馈页面中输出一个控制参数，通过该控制参数告知终端对缩略图的大图进行预加载或不进行预加载。

进一步地，所述系统还包括：所述预加载模块包括：

判断模块，用于依据反馈页面中的控制参数判断是否对缩略图的大图进行预加载；

延迟加载模块，用于在缩略图进入可视区域时，发送缩略图的加载请求后，延迟设定时间后发送缩略图的大图的预加载请求。

本发明中，服务端根据终端接入网络的类型指示终端是否进行缩略图的大图的预加载，在通过非移动运营商的接入网络接入互联网的情况下，指示终端启用大图预加载，从而解决等待时间过长的问题；在通过移动运营商的接入网络接入互联网的情况下，指示终端不进行缩略图的大图的预加载，以节省用户流量。

附图说明

图1为本发明实施例提供的一种缩略图的大图预加载方法的流程图；

图2为本发明实施例提供的终端依据服务端的指示在呈现缩略图的同时预加载或不预加载缩略图的大图的流程图；

图3为本发明实施例提供的一种缩略图的大图预加载的系统模块功能示意图。

具体实施方式

为使本发明的目的、技术方案和优点更加清楚明白，以下举实施例并参照附图，对本发明进一步详细说明。

图1为本发明实施例提供的一种缩略图的大图预加载方法的流程图，该方法包括：

步骤101、服务端向终端指示是否对缩略图的大图进行预加载；

步骤102、终端依据服务端的指示，在呈现缩略图的同时预加载或不预加载缩略图的大图。

本发明实施例所述的服务端包括基于WAP的应用服务器、基于IP协议的互联网应用服务器等，所述的终端包括移动通信终端、PC机、便携式电脑等，本发明不限制所述移动终端所采用的操作系统以及所基于的软件架构，例如可以是iOS、Symbian、Wince、Palm、WindowsXP等，可以采用客户端服务器(Client/Server)结构也可以是浏览器服务器(Browser/Server)结构。

进一步地，在步骤101之前还包括终端向服务端发送访问请求的步骤，所述访问请求中携带终端所处接入网络的网络地址，当服务端接收到终端发送的访问请求后还包括执行如下步骤：

步骤1001、服务端接收到访问请求后，获取终端的网络地址；

步骤1002、服务端对终端的网络地址进行分析，判断终端的接入网类型，若终端的接入网类型为移动运营商的接入网络，则决策终端在呈现缩略图时不对缩略图的大图进行预加载，否则，决策终端可以对缩略图的大图进行预加载。

服务端对终端的网络地址进行分析的方法可以是：服务端将终端的网络地址所处的网段与移动运营商的接入网络的网段进行匹配，若终端的网络地址处于移动运营商的接入网络的网段内，则说明终端所接入的接入网类型为移动运营商的接入网络，否不匹配，则说明终端所接入的接入网络类型为非移动运营商的接入网络。本发明区分移动运营商的接入网络与非移动运营商的接入网络的原因在于，移动运营商的接入网络通常需要通过系统通信系统的核心网或分组数据网关来访问Internet，例如通过GSM、CDMA、WCDMA、TD-SCDMA或LTE等移动通信系统的核心网或分组数据网关，由于带宽及按流量计费等缘故，因此在经过移动运营商的接入网络的情况下，关闭大图预加载时符合用户需求的。

进一步地，承接上述步骤1002，在步骤101中，服务端向终端指示是否对缩略图的大图进行预加载的方法为：

服务端依据对终端所接入的接入网类型的判断，在向终端反馈响应页面时，在反馈页面中输出一个控制参数，例如在反馈页面中注入一个AccessNetType参数，当终端所接入的接入网类型为移动运营商的接入网络时，将该参数设置为FALSE，当终端所接入的接入网类型为移动运营商的接入网络时，将该参数设置为TRUE，即FALSE代表指示终端不对缩略图的大图进行预加载，TRUE代表指示终端对缩略图的大图进行预加载。

进一步地，如图2所示，以下以终端采用浏览器及JavaScript脚本语言为例，说明步骤102中，终端依据服务端的指示，在呈现缩略图的同时预加载或不预加载缩略图的大图的：

步骤1021、在终端浏览器收到服务端反馈的页面后，对反馈页面代码进行解析，获取页面中所有的缩略图信息，并存入一个数组ARR中；

步骤1022、在反馈页面渲染完毕准备显示时及每次用户滚动页面时，触发JavaScript计算数组ARR中的缩略图是否处于可视范围，若处于可视范围，则对该执行步骤1023，否则继续等待用户触发步骤1022的操作；

步骤1023、终端浏览器优先加载进入可视范围的缩略图，即向服务端发送获取进入可视范围的缩略图的请求，在获取服务端的响应后显式这些缩略图；

步骤1024、获取服务端在反馈页面中输出的控制参数，判断控制参数的值，当控制参数指示对缩略图的大图进行预加载时，执行步骤1025，否则结束流程；

步骤1025、在终端浏览器向服务端发送获取缩略图的请求时刻开始，延迟预设的延迟时间后，再向服务端发送加载该缩略图的大图的获取请求；

针对已经执行过缩略图的大图预加载过程的缩略图来说，在ARR数组中设置标识，以避免再次显示时再次触发预加载过程。

所述预设的延迟时间可以由服务端动态指定，也采用终端预设的默认值，例如固定延迟0.5秒钟，在发起缩略图的大图的加载请求。

本发明实施例可采用两种缩略图的显示方式，即可在缩略图的大图预加载完毕后立刻为用户显示该缩略图的大图，也可在用户点击缩略图后再为用户显示该缩略图的大图。

图3为本发明实施例提供的一种缩略图的大图预加载的系统模块功能示意图，该系统包括终端310和服务端320，具体地：

所述服务端包括指示模块322，该模块用于向终端指示对缩略图的大图进行预加载或不进行预加载；

所述终端包括预加载模块312，该模块用于依据服务端的指示，对缩略图的大图进行预加载。

进一步地，所述服务端还包括：

决策模块321，该模块用于对终端的接入网类型进行判断，当终端的接入网类型为移动运营商的接入网络时，决策对缩略图的大图不进行预加载，否则决策对缩略图的大图进行预加载，并将决策结果发送给指示模块。

进一步地，所述指示模块322在发送给终端的反馈页面中输出一个控制参数，通过该控制参数告知终端对缩略图的大图进行预加载或不进行预加载。

进一步地，所述预加载模块312进一步包括：

判断模块313，该模块用于依据反馈页面中的控制参数判断是否对缩略图的大图进行预加载；

延迟加载模块314，该模块用于在缩略图进入可视区域时，在发送缩略图的加载请求时刻开始，延迟设定时间后发送缩略图的大图的预加载请求。

由于所述系统实施例基于上述方法实施例，因此该系统所包含的模块都是为实现上述方法实施例中的步骤流程而设，其功能都可直接从上述方法实施例中导出，任何能从上述方法实施例中抽象、提取或导出的功能模块或执行单元都应当属于本发明系统实施例的保护范围之内，为节省篇幅，此处不再赘述。

通过本发明提供的实施例，在通过非移动运营商的接入网络接入Internet的情况，为用户提供大图滚屏预加载，能大大减少用户等待大图载入的时间，在点击缩略图的瞬间就能看到大图；而在通过移动运营商的接入网络接入Internet的情况下，自动不提供大图预加载，为用户大大减少WAP网络的流量。比如，用户在用iPhone访问网页时，假如使用Wi-Fi链接办公网络，就能享受大图预加载，当iPhone链接不到Wi-Fi而是用WAP上网时，就自动不提供大图预加载，节约流量开支。

以上所述，仅为本发明的较佳实施例而已，并非用于限定本发明的保护范围。

Claims (7)

1.一种缩略图的大图预加载方法，其特征在于，

服务端依据终端的网络地址判断终端所接入的接入网类型，若终端所接入的接入网类型为移动运营商的接入网络，则指示终端对缩略图的大图不进行预加载；否则指示终端对缩略图的大图进行预加载；

终端依据服务端的指示，在呈现缩略图的同时预加载或不预加载缩略图的大图。

2.根据权利要求1所述的方法，其特征在于，所述服务端指示对缩略图的大图进行预加载或不预加载的方法为：

所述服务端在根据终端的请求向终端反馈页面时，在反馈页面中输出一个控制参数，通过该控制参数指示终端对缩略图的大图进行预加载或不预加载。

3.根据权利要求1或2所述的方法，其特征在于，终端依据服务端的指示，在呈现缩略图的同时预加载缩略图的大图的方法为：

判断所述缩略图是否进入可视范围区域，当所述缩略图进入可视区域时，首先发送缩略图的加载请求；

当服务端指示对缩略图的大图进行预加载时，在延迟设定时间后再发送缩略图的大图的预加载请求。

4.根据权利要求3所述的方法，其特征在于，

在发送缩略图的加载请求后，终端通过判断服务端发送的控制参数判断是否对缩略图的大图进行预加载。

5.一种缩略图的大图预加载的系统，其特征在于，该系统包括：

决策模块，该模块位于服务端，用于对终端的接入网类型进行判断，当终端的接入网类型为移动运营商的接入网络时，决策对缩略图的大图不进行预加载，否则决策对缩略图的大图进行预加载，并将决策结果发送给指示模块；

指示模块，该模块位于服务端，用于向终端指示对缩略图的大图进行预加载或不进行预加载；

预加载模块，该模块位于终端，用于依据服务端的指示，对缩略图的大图进行预加载。

6.根据权利要求5所述的系统，其特征在于，

所述指示模块在发送给终端的反馈页面中输出一个控制参数，通过该控制参数告知终端对缩略图的大图进行预加载或不进行预加载。

7.根据权利要求6所述的系统，其特征在于，所述系统还包括：所述预加载模块包括：

判断模块，用于依据反馈页面中的控制参数判断是否对缩略图的大图进行预加载；

延迟加载模块，用于在缩略图进入可视区域时，发送缩略图的加载请求后，延迟设定时间后发送缩略图的大图的预加载请求。