CN107402973A - 图片上传、加载方法、上传终端、服务器及存储介质 - Google Patents

Abstract

本发明公开了一种图片上传、加载方法、上传终端、服务器及存储介质，在服务器存储目标图片的时候，就将可以表征目标图片加载顺序的加载指示信息与该目标图片一起关联存储。由于加载指示信息是根据目标图片中各图像区域在展示图片信息时的重要性确定的，所以，当加载终端需要加载目标图片的时候，服务器按照加载指示信息向加载终端传输图片数据，让加载终端根据自己接收图像数据顺序对目标图片进行分区域的逐步加载。从而保证加载终端能够以最快的速度将目标图片中的重要的、表征信息最多的图像区域呈现给用户，让用户以最短的时间了解到目标图片所传递的主要信息，“缩短”用户等待图片加载的时间，提升了用户体验。

Description

图片上传、加载方法、上传终端、服务器及存储介质

技术领域

本发明涉及计算机领域，更具体地说，涉及一种图片上传、加载方法、上 传终端、服务器及存储介质。

背景技术

随着人类社会的进步，科学技术的发展，人们都趋向于更有效率的生活与 工作，因此，大家渴望在信息进行处理和交流的时候能够更加直观、快捷。相 对于文字，图片在表征信息的时候更加直观，所以它已经成为了人们日常生产 生活中最常见的信息种类之一，它也是人类视觉延伸的重要手段。特别是在信 息爆炸的今天，每天涌入我们生活的新闻资讯成千上万，绝大多数没有足够的 时间和足够的耐心通过文字详细了解每件资讯的详请，所以，很多信息的传递 只能通过图片实现。因此，在很多新闻资讯中都有配图，以帮助用户快速了解 新闻资讯传递的主要信息。

目前，若移动终端要从图片服务器下载一张图片并展示给用户，通常的做 法是移动终端先从服务器上获取到该图片的全部图像数据之后再将图片展示 给用户。在这种方案当中，若网络状况不好或者是待加载的图片数据量太大， 则图片可能要花费较长的时间才能加载出来，用户的等待时间自然也长，所以 会导致用户体验不高。

所以，现在亟需提出一种新的图片加载方案，用以解决现有技术中移动终 端在加载图片时出现的加载时间长，用户需要花费较多的时间才能获取了解图 片所表征的信息，进而造成用户体验低的问题。

发明内容

本发明要解决的技术问题在于：现有技术中终端在加载图片时，只能在接 收到全部的图像数据之后才能向用户进行显示，导致用户需要花费大量的时间 才能了解到图片所传递的信息，用户体验低的问题，针对该技术问题，提供一 种图片上传、加载方法、上传终端、服务器及存储介质。

为解决上述技术问题，本发明提供一种图片上传方法，所述图片上传方法 包括：

上传终端根据目标图片中各图像区域在展示图片信息时的重要性确定针 对所述目标图片的加载指示信息，所述加载指示信息用于对所述目标图片中各 图像区域的加载顺序进行指示；

所述上传终端将所述目标图片与所述加载指示信息上传给服务器，以供所 述服务器在接收到针对所述目标图片的加载请求后，根据所述加载指示信息中 的加载顺序向加载终端传输所述目标图片各图像区域的图像数据。

可选地，所述上传终端根据目标图片中各图像区域在展示图片信息时的重 要性确定针对所述目标图片的加载指示信息包括：

所述上传终端对所述目标图片进行图像边缘提取处理；

所述上传终端基于图像边缘提取处理所得的边缘图形确定关键像素点；

所述上传终端设置由关键像素点构成的图像区域之加载顺序优于不包含 关键像素点的图像区域。

可选地，所述上传终端基于图像边缘提取处理所得的边缘图形确定关键像 素点包括：

所述上传终端根据边缘图形中像素点的坐标值确定出分别完整包含边缘 图形的最小矩形；

所述上传终端将所述最小矩形内的像素点作为关键像素点。

可选地，所述上传终端将各所述最小矩形内的像素点作为关键像素点之前， 还包括：所述上传终端确定所述最小矩形的面积大于预设面积阈值。

进一步地，本发明还提供一种图片加载方法，所述图片加载方法包括：

服务器接收加载终端针对目标图片发送的加载请求；

所述服务器根据所述加载请求从存储库中提取出所述目标图片及与所述 目标图片关联存储的加载指示信息，所述加载指示信息根据所述目标图片中各 图像区域在展示图片信息时的重要性确定，用于对所述目标图片中各图像区域 的加载顺序进行指示；

所述服务器根据所述加载指示信息中的加载顺序向所述加载终端传输所 述目标图片各图像区域的图像数据，以供所述加载终端根据接收图像数据的顺 序对所述目标图片进行逐步加载显示。

可选地，所述服务器根据所述加载请求从存储库中提取出所述目标图片及 与所述目标图片关联存储的加载指示信息之前，还包括：

所述服务器接收上传终端上传的所述目标图片，对所述目标图片进行处理 得到对应的加载指示信息，并将所述加载指示信息与所述目标图片进行关联存 储；

或，

所述服务器接收上传终端传输的所述目标图片和所述目标图片对应的加 载指示信息，将所述目标图片与所述加载指示信息进行关联存储。

可选地，所述服务器对所述目标图片进行处理得到对应的加载指示信息包 括：

所述服务器对所述目标图片进行图像边缘提取处理；

所述服务器基于图像边缘提取处理所得的边缘图形确定关键像素点；

所述服务器设置由关键像素点构成的图像区域之加载顺序优于不包含关 键像素点的图像区域。

可选地，所述服务器基于图像边缘提取处理所得的边缘图形确定关键像素 点包括：

所述服务器根据边缘图形中像素点的坐标值确定出分别完整包含边缘图 形的最小矩形；

所述服务器将所述最小矩形内的像素点作为关键像素点。

可选地，所述服务器将所述最小矩形内的像素点作为关键像素点之前，还 包括：所述服务器确定所述最小矩形的面积大于预设面积阈值。

可选地，所述服务器根据所述加载指示信息中的加载顺序向所述加载终端 传输所述目标图片各图像区域的图像数据的同时，还包括：

所述服务器接收所述加载终端的暂停指示，并根据所述暂停指示停止向所 述加载终端传输剩余的图像数据。

进一步地，本发明提供了一种上传终端，所述上传终端包括第一处理器、 第一存储器及第一通信总线；所述第一通信总线用于实现第一处理器和第一存 储器之间的连接通信；所述第一处理器用于执行第一存储器中存储的图片加载 程序，以实现以下步骤：

根据目标图片中各图像区域在展示图片信息时的重要性确定针对所述目 标图片的加载指示信息，所述加载指示信息用于对所述目标图片中各图像区域 的加载顺序进行指示；

将所述目标图片与所述加载指示信息上传给服务器，以供所述服务器在接 收到针对所述目标图片的加载请求后，根据所述加载指示信息中的加载顺序向 加载终端传输所述目标图片各图像区域的图像数据。

进一步地，本发明还提供了一种服务器，所述服务器包括第二处理器、第 二存储器及第二通信总线；

所述第二通信总线用于实现第二处理器和第二存储器之间的连接通信；

所述第二处理器用于执行第二存储器中存储的图片加载程序，以实现以下 步骤：

接收加载终端针对目标图片发送的加载请求；

根据所述加载请求从存储库中提取出所述目标图片及与所述目标图片关 联存储的加载指示信息，所述加载指示信息根据所述目标图片中各图像区域在 展示图片信息时的重要性确定，用于对所述目标图片中各图像区域的加载顺序 进行指示；

根据所述加载指示信息中的加载顺序向所述加载终端传输所述目标图片 各图像区域的图像数据，以供所述加载终端根据接收图像数据的顺序对所述目 标图片进行逐步加载显示。

进一步地，本发明还提供了一种存储介质，所述存储介质存储有一个或者 多个程序，所述一个或者多个程序可被一个或者多个处理器执行以实现如上任 一项所述的图片上传步骤，或实现如上任一项所述的图片加载步骤。

有益效果

本发明提供一种图片上传、加载方法、上传终端、服务器及存储介质，在 服务器存储目标图片的时候，就将该目标图片的加载指示信息与该目标图片一 起关联存储，其中加载指示信息可以表征对目标图片进行加载时，应当按照怎 样的顺序对各图像区域进行逐步加载。由于加载指示信息是根据目标图片中各 图像区域在展示图片信息时的重要性确定的，所以，当加载终端需要加载目标 图片的时候，服务器按照加载指示信息向加载终端传输图片数据，能够将目标 图片重要图像区域的图像数据先传输给加载终端，让加载终端根据自己接收图 像数据顺序对目标图片进行分区域的逐步加载。从而保证加载终端能够以最快 的速度将目标图片中的重要的、表征信息最多的图像区域呈现给用户，让用户 以最短的时间了解到目标图片所传递的主要信息，“缩短”用户等待图片加载的 时间，提升了用户体验。

附图说明

下面将结合附图及实施例对本发明作进一步说明，附图中：

图1为本发明第一实施例示出的图片上传加载系统的一种结构示意图；

图2为本发明第一实施例提供的图片上传方法的一种流程图；

图3为本发明各实施例中一张可选的目标图片；

图4为本发明第一实施例提供的上传终端确定目标图片加载指示信息的 一种流程图；

图5为Sobel算子的卷积掩模示意图；

图6为本发明各实施例中另一张可选的目标图片；

图7为对图6中目标图片进行图像边缘提取处理得到的边缘图形的示意图；

图8为图7中各边缘图形及对应最小矩形的一种示意图；

图9为本发明第二实施例提供的图片上传方法的一种流程图；

图10为本发明第二实施例提供的上传终端的一种显示界面示意图；

图11为本发明第二实施例提供的上传终端的另一种显示界面示意图；

图12为本发明第二实施例提供的上传终端的又一种显示界面示意图；

图13为本发明第三实施例提供的图片加载方法的一种流程图；

图14为本发明第三实施例提供的服务器确定目标图片加载指示信息的一 种流程图；

图15为Prewitt算子的卷积掩模示意图；

图16为本发明第四实施例提供的上传终端的一种硬件结构示意图；

图17为本发明第五实施例提供的服务器的一种硬件结构示意图；

图18为本发明第六实施例提供的移动终端的一种硬件结构示意图；

图19为本发明第六实施例提供的服务器的一种硬件结构示意图；

图20为本发明第六实施例中移动终端与服务器之间的一种交互图。

具体实施方式

应当理解，此处所描述的具体实施例仅仅用以解释本发明，并不用于限定 本发明。

第一实施例：

可以理解的是，在图片上传加载系统当中，一个终端所请求加载的目标图 片都是由本终端或其他预先上传至服务器的，这里先对图片上传加载系统进行 简单介绍，请参见图1所示出的图片上传加载系统的一种结构示意图：

图片上传加载系统1包括加载终端10、服务器20及上传终端30。上传终 端30与加载终端10，顾名思义，分别是向服务器20上传目标图片的终端与 请求对目标图片进行加载的终端。本领域技术人员应当理解的是，上传目标图 片的上传终端30和请求加载目标图片的加载终端10可以是同一终端，也即一 个终端可以请求下载由其自身上传至服务器20的图片，但是在本实施例中， 为了便于描述，将上传目标图片的终端与加载目标图片的终端分开。

虽然本发明提供的目标图片加载方案的优势体现在对目标图片的加载过 程中，但是实际上，目标图片加载的优势却依赖于目标图片上传存储过程的改 进。在现有相关方案中上传终端向服务器上传一张目标图片，服务器直接对该 目标图片进行存储即可。但是在本实施例中，为了提升目标图片加载过程中的 用户体验，所以服务器20不仅要存储目标图片，还要关联存储针对该目标图 片的加载指示信息。应当理解的是，本实施例中服务器20所存储的针对某一 目标图片的加载指示信息，可以由上传该目标图片的上传终端30生成，然后 将加载指示信息与对应的目标图片一起上传给服务器20，让服务器20进行关 联存储。当然，上传终端30也可以直接向服务器20上传单独的目标图片，由 服务器20自己根据目标图片生成加载指示信息，然后将该加载指示信息与目 标图片关联存储在存储库当中。

本实施例中将着重介绍由上传终端生成加载指示信息的方案，请参见图2 所示的图片上传方法的流程图：

S22、上传终端根据目标图片中各图像区域在展示图片信息时的重要性确 定针对目标图片的加载指示信息。

当上传终端需要将某一张目标图片上传给服务器的时候，上传终端先对目 标图片进行处理，确定该目标图片中哪些图像区域对表达图片整体意象或含义 较为重要，承载有较多的图像特征，能够向人们传递更多的信息。而哪些图像 区域的重要性较弱，不过是类似于背景存在，对目标图片本身所传达的信息的 表征作用不大。应当明白的是，一个图像区域所承载的图像信息越多，对目标 图片整体所传递信息的表征能力越强，则该图像区域就越重要；反之，一个图 像区域所承载的图像信息越少，对目标图片整体所传递信息的表征能力越弱， 则该图像区域就越不重要。所以，在目标图片的加载过程中应当先对重要的图 像区域进行加载，然后才加载不重要的图像区域，以便让用户能够在第一时间 就获取到尽可能多的图片信息。

目标图片的加载指示信息就是用于对目标图片各图像区域的加载顺序进 行指示的信息。毫无疑义的是，在加载指示信息中应当包含对目标图片各图像 区域的划分方式(即图像区域的位置、大小等)以及各图像区域的加载顺序。 本实施例中提供如下方案来确定目标图片的加载指示信息：

在一张图片当中，不仅包含主体对象，还包括主体对象以外的背景区域。 显然，对于目标图片而言，主体对象的重要性自然高于背景区域的重要性，例 如，图3示出的目标图片是一张人物照，被拍摄的人物是该目标图片3的主体 对象31，而人物所处的环境则是该目标图片的背景区域。虽然用户在查看该 目标图片时，可以通过背景区域了解到拍摄照片的大体时间(白天或晚上)、 大体地点(室内或户外)等，但是，相对而言，用户从该目标图片的主体对象 31身上能够了解到更多的信息，包括人物的长相、表情、服饰、动作等。而 且，依据人物照本身的特点，也可以知道该目标图片主要的信息集中在主体对 象——人物身上。对于其他图片，例如微距景物照等也是如此，目标图片的主 体对象所表征的信息量远大于背景区域所表征的信息量。

所以，上传终端在确定目标图片的加载指示信息时，应当让目标图片中的 主体对象所在的图像区域的加载顺序优于背景区域的加载顺序，保证加载终端 在加载目标图片的时候能够先加载出目标图片的主体对象，将目标图片中尽量 多的信息传递给用户。因此，上传终端在确定目标图片的加载指示信息时，需 要先确定出那些区域是重要的主体对象所在的区域。

对于任意一张图片来说，主体对象与背景区域之间都是以图像边缘为界区 分开，所以，只要能够检测出目标图片中的图像边缘，则上传终端就可以将图 像边缘内的图像区域作为重要的图像区域，而将图像边缘以外的图像划分到不 太重要的图像区域中。

下面结合图4所示流程图，提出一种上传终端确定目标图片加载指示信息 的方案：

S42、上传终端对目标图片进行图像边缘提取处理。

在图像处理领域中，图像边缘是指其灰度与邻域像素的灰度相比发生了阶 跃变化或屋顶变化的那些像素的集合。也就是说，边缘是在某个位置发生的灰 阶变化，根据该定义，在经典算法中一般会采用对图像进行微分的方式来检测 边缘，因为理论上边缘处像素值的一阶微分幅度值会出现局部极大值，而二阶 微分的幅度值则处于零点位置，即出现过零点。

目前图像边缘提取技术已经相对比较成熟了：一阶微分算子法、二阶微分 算子法、Canny算子法、模板匹配法曲线拟合法等都是图像边缘提取技术中较 为常用的方法。仅在一阶微分算子法中就包括Roberts(罗伯茨)算子、Sobel (索贝尔)算子、Prewitt(普瑞维特)算子等。在二阶微分算子法中还包括有 Laplacian(拉普拉斯)算子、LoG(拉普拉斯-高斯)算子等。下面以目前图像 边缘比较常用的Sobel算子法进行图像边缘提取的介绍：

首先，上传终端将RGB彩色图像转换成灰度图像，具体地，可以参照如 下所示的公式进行转换：

Gray＝R*0.3+G*0.59+B*0.11；

其中R，G，B分别表示目标图片中当前被转换像素点的红、绿、蓝基色 色值，Gray表示该像素点被转换后的灰度值。

得到目标图片中各像素点的灰度值之后，上传终端使用Sobel算子计算每 个像素点的像素幅度值。Sobel算子的卷积掩模示意图如图5所示。Sobel算 子对像素进行加权平均，它认为水平方向与垂直方向上的邻域像素的权重大于 对角线上的像素点。对于上述卷积掩模，可以将其看成是某一个像素上的梯度， 该像素对应于模板的中心位置。对于某一个坐标为(x,y)的像素点，假定其像素 灰度值为f(x,y)，则其像素幅度值为：

其中，

Gx＝(-1)*f(x-1,y-1)+0*f(x,y-1)+1*f(x+1,y-1)+(-2)*f(x-1,y)+0*f(x,y)+2*f(x+1, y)+(-1)*f(x-1,y+1)+0*f(x,y+1)+1*f(x+1,y+1)

＝[f(x+1,y-1)+2*f(x+1,y)+f(x+1,y+1)]-[f(x-1,y-1)+2*f(x-1,y)+f(x-1,y+1)]

Gy＝1*f(x-1,y-1)+2*f(x,y-1)+1*f(x+1,y-1)+0*f(x-1,y)+0*f(x,y)+0*f(x+1,y)+( -1)*f(x-1,y+1)+(-2)*f(x,y+1)+(-1)*f(x+1,y+1)

＝[f(x-1,y-1)+2f(x,y-1)+f(x+1,y-1)]-[f(x-1,y+1)+2*f(x,y+1)+f(x+1,y+1)]

当计算出目标图像中各个像素点的像素幅度值之后，上传终端需要将各像 素点的像素幅度值G(x,y)与预设边缘阈值G_TH进行比较，如果某一个像素点的 G(x,y)大于G_TH，则该像素点为边缘点，否则该像素点不是边缘点。

S44、上传终端基于图像边缘提取处理所得的边缘图形确定关键像素点。

参照上述示例确定出目标图片的边缘之后，上传终端可以基于边缘提取得 到的边缘图形确定关键像素点。应当明白的是，边缘图形是目标图片中对象主 体与背景区域之间的分界线，所以，相对于边缘图像以外的图像区域，边缘图 形以内的图像区域更重要。也就是说，边缘图形内的像素点是构成主体对象的 像素点，所以，构成边缘图形的像素点以及边缘图形以内的像素点可以被视作 承载了较多图片信息的关键像素点。

应当理解的是，如果仅将边缘图形及其以内的像素点作为关键像素点，则 加载指示信息中仅用于表征图像区域划分的数据量就会比较多，因为在这种情 况下，上传终端至少要将边缘图形上个像素点的坐标值都记录下来。图6与图 7分别给出一张目标图片以及该目标图片的边缘图形示意图。在图6的目标图 片中，示出了4个人的动作。图7中则针对这4各人分别获取到了边缘图形a、 b、c、d。若上传终端直接将图7中各边缘图形及边缘图形以内的像素点作为 关键像素点，则上传终端需要将图7中a、b、c、d四个边缘图形的各个像素点均记录下来作为加载指示信息中的数据，这样加载指示信息的数据量将会相 当庞大。为了精简上传终端确定出的加载指示信息，在本实施例的一种示例当 中，提出了另一种基于边缘图形确定关键像素点的方式：

这里继续在图6与图7的基础上进行说明，当获取到图7中的各边缘图形 之后，针对每一个边缘图形，上传终端都会找到一个最小矩形。这里所说的最 小矩形是指能够囊括边缘图形的，且面积最小的矩形。所以上传终端可以根据 边缘图形中各像素点的坐标值确定出最小的x值、y值及最大的x值、y值， 从而确定出最小矩形的四个顶点的坐标值。这样，针对图7中的a、b、c、d 四个边缘图形，上传终端可以确定出四个最小矩形a1、b1、c1、d1，如图8 所示。上传终端可以将最小矩形及以内的像素点作为关键像素点，在这种情况 下，加载指示信息中用于指示图像区域划分的信息将大大减少：根据最小矩形 的记录方式，针对图7中的四个边缘图形，上传终端只需要记录16个点的坐 标值，相对于记录边缘图形全部像素点坐标的做法，极大的精简了数据量。

在进行图像边缘提取的时候，目标图片不可避免地会受到图像噪声的影响， 从而在边缘图形中出现一些噪声点。这些噪声点实际上并不没有包含较多的图 像信息，因此，为了避免将这些噪声点识别为边缘图形，从而记录这些噪声点 所构成最小矩形的顶点坐标，更为了避免在加载顺序中将这些噪声点的加载顺 序提前，影响其他区域的加载顺序，在本实施例的一种示例当中，上传终端在 确定出各边缘图形的最小矩形之后，会确定最小矩形的面积是否大于预设面积 阈值，若大于，则认定该最小矩形所围合形成的图像区域是重要图像区域，即 该最小矩形及以内的像素点为关键像素点；否则上传终端可以判定该最小矩形 所围合形成的图像区域并不是重要图像区域，也即该最小矩形内的像素点不是 关键像素点。

S46、上传终端设置由关键像素点构成的图像区域之加载顺序优于不包含 关键像素点的图像区域。

当确定出目标图片中的关键像素点之后，上传终端应当为目标图片的各个 区域设置加载顺序。应当理解的是，由关键像素点构成的图像区域之加载顺序 优于不包含关键像素点的图像区域。但是从上述示例可知，针对一张目标图片， 图像边缘提取所得的边缘图形可以不只一个，对应地，根据边缘图形所确定的 由关键像素点构成的重要图像区域就可以不只一个。在这种情况下，各重要图 像区域在加载时的加载顺序可以通过随机的方式确定，或者结合从左到右(或 从上到下)等规则来确定加载顺序，也可以根据各最小矩形的面积来确定，例 如，针对图8中的五个图像区域，上传终端最终确定的加载顺序为 “c1--b1--d1--a1--e1”。另外，当目标图片中最终存在多个最小矩形时，可以由 用户来指定各最小矩形所对应图像区域的加载顺序。

S24、上传终端将目标图片与加载指示信息上传给服务器。

当上传终端确定出针对目标图片的加载指示信息之后，可以将该加载指示 信息及对应的目标图片上传给服务器，其中，目标图片与加载指示信息可以一 起上传，也可以分开上传。

上传终端与服务器之间可以通过有线或无线的方式进行数据传输，当服务 器接收到上传终端上传的目标图片与加载指示信息之后，服务器将会把该目标 图片与对应的加载指示信息一起关联存储到存储库中。在后续过程中，当有加 载终端需要加载该目标图片时，服务器根据加载请求从存储库中提取该目标图 片以及该目标图片的加载指示信息，并根据加载指示信息中所指示的加载顺序 向加载终端传输目标图片中各图像区域的图像数据。

本实施例提供的图片上传方法，上传终端在向服务器上传目标图片之前， 先自行根据目标图片中各图像区域在展示图片信息时的重要性计算确定出目 标图片的加载指示信息，然后再将加载指示信息与目标图片上传到服务器中， 由服务器进行关联存储，从而保证在后续过程中当加载终端需要加载目标图片 的时候，服务器能够根据加载指示信息中的加载顺序，将相对重要的图像区域 中的图像数据优先传输给加载终端，让加载终端的用户可以尽早得到目标图片 中的重要信息，提升用户体验。而且，在本实施例中，加载指示信息由上传终 端确定，避免服务器针对大量目标图片确定加载指示信息时耗费巨量处理资源 与处理时间的问题，降低了服务器的处理负担。

第二实施例：

本实施例将继续对本发明提供的图片上传方法进行介绍，请参见图9所示 出的图片上传方案中上传终端与服务器的一种交互图：

S92、上传终端根据目标图片中各图像区域在展示图片信息时的重要性确 定针对目标图片的加载指示信息。

在本实施例中，上传终端确定目标图片加载指示信息的方式与第一实施例 中的方式不同，在第一实施例中，第一终端会结合图像边缘提取技术自动划分 出目标图片的各个图像区域，并结合预定规则等确定出各图像区域的加载顺序， 但是在本实施例中，上传终端将会结合用户的指示来确定目标图片的加载指示 信息：

由上传终端向用户发出提示信息，如图10所示，上传终端指示用户通过 调整选择框的大小及位置来指定目标图片的重要图像区域。用户调整选择框之 后选择框中所包含的图像即为重要图像区域的图像，而在选择框之外的图像区 域则为相对不太重要的图像区域。在这种情况下，目标图片进行被分为两个图 像区域，即重要区域与不重要的区域。应当理解的是，一张目标图片可以有多 个相对比较重要的区域，例如一张目标图片的图像区域被分为三个：A1区域、 A2区域及A3区域，三者的重要程度分别为A1>A2>A3。所以，在这种情况 下，用户应当两次确定选择框的位置及大小，当用户通过第一次设置选择框的 大小及位置选择出A1区域之后，还需要再次设置选择框的大小位置，划分出 A2区域与A3区域。为了避免用户将目标图片中已经隶属于A1区域的图像划 分到A2区域或A3区域中，则上传终端在用户划分出A1区域之后，就将A1 区域中的图像扣掉，如图11，让用户可以直观了解到目标图片的剩余区域有 哪些，从而只将剩余区域中的图像作为选择框的选择对象。

可以理解的是，用户可以自行设置对目标图片的划分区域数目，当用户指 定要将一张目标图片划分成6个区域时，上传终端应当向用户提供5个选择框； 当用户要将某一目标图片划分成n个图像区域时，上传终端应当向用户提供 n-1个选择框。在上述示例当中，各个选择框是分别在不同的时间中出现的， 因为在上述示例当中用户只能先选定一个图像区域之后才能再选择下一个图 像区域。但是在本实施例提供的另外一示例当中，上传终端可以根据用户的指 定同时向用户示出多个选择框，用户可以在未划分出任意一图像区域的时候对 所有的选择框进行调整。

例如，当用户需要将目标图片划分成三个图像区域的时候，上传终端可以 同时向用户示出两个选择框，如图12所示，用户可以随时对图12中的任意一 个选择框的位置及大小进行调整，直至用户对三个图像区域的划分满意后选择 确定，结束调整。在这种方案当中，为避免同一位置被划分到多个图像区域中， 所以各个选择框不允许重叠。

由于加载指示信息中不仅包含对目标图片各图像区域的划分，而且还包括 对各个图像区域加载顺序的指示。所以，当用户通过选择框确定出目标图像的 各个图像区域之后，还应当指定出各个图像区域的加载顺序。在同一时间最多 示出一个选择框示例当中，用户选择图像区域的顺序就已经决定了加载顺序， 所以，在这种方案当中，用户可以不同再专门向上传终端指示加载顺序。对于 同时示出多个选择框的方案，如果各个选择框都一样，则用户需要为各图像区 域指定加载顺序。不过，在同时示出多个选择框的方案当中，各个选择框之间 可以通过颜色等进行区分，例如在一种示例当中，上传终端向用户示出赤、橙、 红、绿四个选择框，希望通过这四个选择框将目标图片划分成五个图像区域， 而且在用户设置各个选择框的位置及大小之前，上传终端先告知用户各个选择 框所选择图像区域的加载顺序遵循赤、橙、红、绿的排列顺序。则用户在划分 图像区域的时候，会遵循该规则，通过赤色选择框来选择最重要的图像区域， 通过橙色选择框来选择次重要的图像区域，……以此类推。在这种方案当中， 用户在划分图像区域的同时也就指定了各图像区域的加载顺序。应当理解的是， 在每次仅示出一个选择框的方案当中，也可以在将所有的图像区域划分完成之 后再指定各图像区域的加载顺序，也即用户选择图像区域的顺序与图像区域的 加载顺序没有必然的关联关系。

S94、上传终端将目标图片与加载指示信息上传给服务器。

和第一实施例中类似，上传终端确定出针对目标图片加载指示信息后，将 通过有线或无线的通信方式将目标图片与加载指示信息上传到服务器。其中， 目标图片与加载指示信息可以一起上传，也可以分开上传。假定上传终端可以 通过移动通信网络或WiFi网络向服务器上传目标图片与加载指示信息，则当 上传终端检测到自身处于WiFi环境下时，通过WiFi网络向服务器上传目标 图片与加载指示信息；当上传终端检测到自身当前处于非WiFi网络环境下时， 通过移动通信网络向服务器发送相关数据。

S96、服务器对目标图片与加载指示信息进行关联存储。

当服务器接收到上传终端上传的目标图片与加载指示信息之后，服务器将 会把该目标图片与对应的加载指示信息一起关联存储到存储库中。在后续过程 中，当有加载终端需要加载该目标图片时，服务器根据加载请求从存储库中提 取该目标图片以及该目标图片的加载指示信息，并根据加载指示信息中所指示 的加载顺序向加载终端传输目标图片中各图像区域的图像数据。

由于目标图片的上传者对目标图片所表征(或传递)的信息比较清楚，所 以，在本实施例中，上传终端根据用户的指示来确定目标图片的加载指示信息， 能够通过比较简单的方式确定出针对目标图片的加载指示信息，减少了上传终 端在确定加载指示信息时的计算量，节约了上传终端的处理资源。

第三实施例：

本实施例将提供一种图片加载方法，请参见图13所示出的图片加载方法 的一种流程图：

S132、服务器接收加载终端针对目标图片发送的加载请求。

应当明白的是服务器从加载终端处接收到的加载请求中应当包含有表征 目标图片的标识信息，例如目标图片的名称、ID号等，以便服务器根据目标 图片的标识信息确定目标图片是哪一张。

S134、服务器根据加载请求从存储库中提取出目标图片及与目标图片关联 存储的加载指示信息。

当服务器接收到加载终端的加载请求之后，根据加载请求中所包含的标识 信息从存储库中提取到对应的目标图片以及目标图片的加载指示信息。在存储 库当中，加载指示信息与目标图片关联存储，根据前述实施例的介绍可知，加 载指示信息能够表征对目标图片进行加载时的加载顺序。加载指示信息可以由 上传目标图片的上传终端生成并传输给服务器，服务器直接对接收到的加载指 示信息与目标图片进行关联存储即可；当然，上传终端可以仅向服务器上传目 标图片，由服务器为接收到的目标图片生成加载指示信息，并将加载指示信息 与对应的目标图片进行关联存储。

下面对服务器为目标图片生成加载指示信息的过程进行介绍，请参见图 14所示出的流程图：

S142、服务器对目标图片进行图像边缘提取处理。

由于图像边缘提取通常是以灰度图片为直接处理对象，所以本实施例中服 务器可以参见第一实施例中的公式将RGB模式的目标图片转换成灰度图片。 在本实施例中，服务器得到目标图片对应的灰度图片之后，可以参照第一实施 例中的介绍，根据Sobel算子法来提取灰度图片的图像边缘。另外服务器也可 以采用其他方式进行图像边缘提取，例如在本实施例的一种示例当中，服务器 采用Prewitt算子法实现图像边缘提取，请参见图15所示出两个模板的Prewitt 算子卷积掩模。

在两个模板的Prewitt算子法中，一个模板用于检测水平边缘，另一个用 于检测垂直边缘，对于某一个坐标为(m,n)像素点，假定其像素灰度值为f(m,n)， 则其像素幅度值为：

G(m,n)＝max[G(m),G(n)]；

或，

G(m,n)＝G(m)+G(n)；

其中，

G(m)＝|[f(m-1,n-1)+f(m-1,n)+f(m-1,n+1)]-[f(m+1,n-1)+f(m+1,n)+f(m+1, n+1)]|

G(n)＝|[f(m-1,n+1)+f(m,n+1)+f(m+1,n+1)]-[f(m-1,n-1)+f(m,n-1)+f(m+1,n-1)]|

当计算出目标图像中各个像素点的像素幅度值之后，服务器需要将各像素 点的像素幅度值G(m,n)与预设边缘阈值G_TH进行比较，如果某一个像素点的G(m,n)大于G_TH，则该像素点为边缘点，否则该像素点不是边缘点。

S144、服务器基于图像边缘提取处理所得的边缘图形确定关键像素点。

对目标图片对应的灰度图片中的每一个像素点均进行如上计算处理之后， 服务器可以确定出目标图片中的各个边缘像素点，这些边缘像素点的集合就构 成了边缘图形，服务器可以基于边缘图形来确定关键像素点，例如服务器可以 直接将边缘图形及边缘图形以内的各像素点作为关键像素点，并记录各个像素 点的坐标值，这些关键像素点的集合就构成了重要图像区域。

在本实施例的另外一种示例当中，服务器会参照第一实施例中给出方案， 基于最小矩形来确定关键像素点。对于根据最下矩形确定关键像素点的方案， 请参照第一实施例的介绍，本实施例中不再赘述。

S146、服务器设置由关键像素点构成的图像区域之加载顺序优于不包含关 键像素点的图像区域。

当确定出目标图片中的关键像素点之后，服务器应当为目标图片的各个区 域设置加载顺序。应当理解的是，由关键像素点构成的图像区域之加载顺序优 于不包含关键像素点的图像区域。但是当一张目标图片的边缘图形可以不只一 个，即，重要图像区域不只一个时，各重要图像区域在加载时的加载顺序可以 通过随机的方式确定，或者结合从左到右(或从上到下)等规则来确定加载顺 序，也可以根据各最小矩形的面积来确定。另外，当目标图片中最终存在多个 最小矩形时，可以由用户来指定各最小矩形所对应图像区域的加载顺序。

S136、服务器根据加载指示信息中的加载顺序向加载终端传输目标图片各 图像区域的图像数据。

当服务器从存储库中提取到目标图片及其加载指示信息之后，将会根据加 载指示信息中的加载顺序向加载终端传输目标图片中各个图像区域的图像数 据。假定加载终端的加载请求中请求加载图6所示的目标图片，而服务器根据 加载指示信息确定图6中的目标图片被划分成了a1，b1，c1，d1，e1五个图 像区域，具体如图8所示，且各图像区域的加载顺序为“c1--b1--d1--a1--e1”， 所以，服务器在向加载终端传输目标图片的图像数据时，先传输图像区域c1 中的图像数据，然后再传输图像区域b1中的图像数据……以此类推，最后再 传输图像区域e1中的图像数据。

加载终端则根据从服务器接收图像数据的顺序逐步对目标图片进行加载。 应当明白的是，由于本实施例中加载终端加载目标图片是根据加载顺序，先加 载重要图像区域的图像，再加载重要性相对较低的图像区域，而重要图像区域 承载的图像信息通常较多，所以，在某些情况下，当重要的图像区域中的图像 被显示在用户眼前后，用户已经能够从该重要图像区域了解到目标图片所表征 的绝大多数信息。因此在这种情况下，剩余的图像区域实际上已经可以不用继 续加载了。特别是在加载终端处于非WiFi环境下时，考虑到加载剩余图像区 域还要耗费大量的数据流量，给用户带来较大的经济负担，所以，加载终端可 以根据用户的指示停止继续加载目标图片，仅对目标图片已加载的图像区域进 行显示。如图15所示：

在图15当中，用户正在通过加载终端进行新闻资讯浏览，而且当前浏览 的新闻资讯中有一张配图，在WiFi环境下时，加载终端可以自动向服务器发 送加载请求，请求加载该目标图片，并根据接收图片数据的顺序逐步对目标图 片进行加载显示。但是在非WiFi环境下，加载终端可以根据用户的需求来决 定是否需要发送加载请求，若用户确定要加载目标图片，则加载终端向服务端 发出加载请求，同时，在显示界面上显示“暂停加载控件”，暂停加载控件用于 让用户决定是否继续对目标图片进行加载。若用户点击了“暂停加载控件”，则 加载终端仅对已加载的图像区域进行显示，并通过向服务器发送暂停指示，以 通知服务器不必继续发送图片数据。

在本实施例所提供的图片加载方法，由服务器预先对目标图片于加载指示 信息进行关联存储，当接收到来自加载终端的加载请求后，服务器根据加载终 端的加载请求获取到目标图片及对应的加载指示信息，并根据加载指示信息中 所包含的加载顺序向加载终端传输目标图片中各图像区域的图像数据，让加载 终端能够根据自己的传输顺序实现对目标图片的逐步加载，从而让目标图片中 比较重要图像区域率先被展示给用户，从而保证用户使用最少的时间来了解目 标图片所表征的含义、所传递的信息，提升用户体验。

更进一步地，本实施例中，加载终端可以在服务器向自身传输图像数据的 同时，根据用户的需求向服务器发送暂停指示，让服务器根据暂停指示停止对 剩余图像区域中图像数据的传递，从而减少数据流量的耗费，降低用户的经济 负担。

第四实施例：

本实施例提供一种上传终端，请参见图16所示出的上传终端的一种硬件 结构示意图：

上传终端16包括第一处理器161、第一存储器162及第一通信总线163， 其中第一通信总线163用于实现第一处理器161和第一存储器162之间的连接 通信，第一存储器162作为一种计算机可读存储介质，其中存储有至少一个计 算机程序，这些计算机程序可以供第一处理器161读取、编译并执行，从而实 现对应的处理流程。例如，在本实施例中，第一存储器162中存储有图片上传 程序，第一处理器161可以通过执行该计算机程序实现图片上传方法：

当上传终端16需要将某一张目标图片上传给服务器的时候，上传终端16 的第一处理器161先对目标图片进行处理，确定该目标图片中哪些图像区域对 表达图片整体意象或含义较为重要，承载有较多的图像特征，能够向人们传递 更多的信息。

目标图片的加载指示信息就是用于对目标图片各图像区域的加载顺序进 行指示的信息。毫无疑义的是，在加载指示信息中应当包含对目标图片各图像 区域的划分方式(即图像区域的位置、大小等)以及各图像区域的加载顺序。 本实施例中提供如下方案来确定目标图片的加载指示信息：

在一张图片当中，不仅包含主体对象，还包括主体对象以外的背景区域。 显然，对于目标图片而言，主体对象的重要性自然高于背景区域的重要性。所 以，第一处理器161在确定目标图片的加载指示信息时，应当让目标图片中的 主体对象所在的图像区域的加载顺序优于背景区域的加载顺序，保证加载终端 在加载目标图片的时候能够先加载出目标图片的主体对象，将目标图片中尽量 多的信息传递给用户。因此，第一处理器161在确定目标图片的加载指示信息 时，需要先确定出那些区域是重要的主体对象所在的区域。

对于任意一张图片来说，主体对象与背景区域之间都是以图像边缘为界区 分开，所以，只要能够检测出目标图片中的图像边缘，则第一处理器161就可 以将图像边缘内的图像区域作为重要的图像区域，而将图像边缘以外的图像划 分到不太重要的图像区域中。下面对第一处理器161确定目标图片加载指示信 息的方案进行介绍，假定第一处理器161采用常用的Sobel算子法进行图像边 缘提取：

首先，第一处理器161将RGB彩色图像转换成灰度图像，具体地，可以 参照如下所示的公式进行转换：

Gray＝R*0.3+G*0.59+B*0.11；

其中R，G，B分别表示目标图片中当前被转换像素点的红、绿、蓝基色 色值，Gray表示该像素点被转换后的灰度值。

得到目标图片中各像素点的灰度值之后，第一处理器161使用Sobel算子 计算每个像素点的像素幅度值。Sobel算子的卷积掩模示意图如图5所示。 Sobel算子对像素进行加权平均，它认为水平方向与垂直方向上的邻域像素的 权重大于对角线上的像素点。对于上述卷积掩模，可以将其看成是某一个像素 上的梯度，该像素对应于模板的中心位置。对于某一个坐标为(x,y)的像素点， 假定其像素灰度值为f(x,y)，则其像素幅度值为：

其中，

Gx＝(-1)*f(x-1,y-1)+0*f(x,y-1)+1*f(x+1,y-1)+(-2)*f(x-1,y)+0*f(x,y)+2*f(x+1, y)+(-1)*f(x-1,y+1)+0*f(x,y+1)+1*f(x+1,y+1)

＝[f(x+1,y-1)+2*f(x+1,y)+f(x+1,y+1)]-[f(x-1,y-1)+2*f(x-1,y)+f(x-1,y+1)]

Gy＝1*f(x-1,y-1)+2*f(x,y-1)+1*f(x+1,y-1)+0*f(x-1,y)+0*f(x,y)+0*f(x+1,y)+( -1)*f(x-1,y+1)+(-2)*f(x,y+1)+(-1)*f(x+1,y+1)

＝[f(x-1,y-1)+2f(x,y-1)+f(x+1,y-1)]-[f(x-1,y+1)+2*f(x,y+1)+f(x+1,y+1)]

当计算出目标图像中各个像素点的像素幅度值之后，第一处理器161需要 将各像素点的像素幅度值G(x,y)与预设边缘阈值G_TH进行比较，如果某一个像 素点的G(x,y)大于G_TH，则该像素点为边缘点，否则该像素点不是边缘点。

参照上述示例确定出目标图片的边缘之后，第一处理器161可以基于边缘 提取得到的边缘图形确定关键像素点。应当明白的是，边缘图形是目标图片中 对象主体与背景区域之间的分界线，所以，相对于边缘图像以外的图像区域， 边缘图形以内的图像区域更重要。也就是说，边缘图形内的像素点是构成主体 对象的像素点，所以，构成边缘图形的像素点以及边缘图形以内的像素点可以 被视作承载了较多图片信息的关键像素点。

应当理解的是，如果仅将边缘图形及其以内的像素点作为关键像素点，则 加载指示信息中仅用于表征图像区域划分的数据量就会比较多，因为在这种情 况下，第一处理器161至少要将边缘图形上个像素点的坐标值都记录下来。图 6与图7分别给出一张目标图片以及该目标图片的边缘图形示意图。在图6的 目标图片中，示出了4个人的动作。图7中则针对这4个人分别获取到了边缘 图形a、b、c、d。若第一处理器161直接将图7中各边缘图形及边缘图形以 内的像素点作为关键像素点，则第一处理器161需要将图7中a、b、c、d四 个边缘图形的各个像素点均记录下来作为加载指示信息中的数据，这样加载指 示信息的数据量将会相当庞大。为了精简第一处理器161确定出的加载指示信 息，在本实施例的一种示例当中，提出了另一种基于边缘图形确定关键像素点 的方式：

这里继续在图6与图7的基础上进行说明，当获取到图7中的各边缘图形 之后，针对每一个边缘图形，第一处理器161都会找到一个最小矩形。这里所 说的最小矩形是指能够囊括边缘图形的，且面积最小的矩形。所以第一处理器 161可以根据边缘图形中各像素点的坐标值确定出最小的x值、y值及最大的 x值、y值，从而确定出最小矩形的四个顶点的坐标值。这样，针对图7中的 a、b、c、d四个边缘图形，第一处理器161可以确定出四个最小矩形a1、b1、 c1、d1，如图8所示。第一处理器161可以将最小矩形及以内的像素点作为关 键像素点，在这种情况下，加载指示信息中用于指示图像区域划分的信息将大 大减少：根据最小矩形的记录方式，针对图7中的四个边缘图形，第一处理器 161只需要记录16个点的坐标值，相对于记录边缘图形全部像素点坐标的做 法，极大的精简了数据量。

在进行图像边缘提取的时候，目标图片不可避免地会受到图像噪声的影响， 从而在边缘图形中出现一些噪声点。这些噪声点实际上并不没有包含较多的图 像信息，因此，为了避免将这些噪声点识别为边缘图形，从而记录这些噪声点 所构成最小矩形的顶点坐标，更为了避免在加载顺序中将这些噪声点的加载顺 序提前，影响其他区域的加载顺序，在本实施例的一种示例当中，第一处理器 161在确定出各边缘图形的最小矩形之后，会确定最小矩形的面积是否大于预 设面积阈值，若大于，则第一处理器161认定该最小矩形所围合形成的图像区 域是重要图像区域，即该最小矩形及以内的像素点为关键像素点；否则第一处 理器161可以判定该最小矩形所围合形成的图像区域并不是重要图像区域，也 即该最小矩形内的像素点不是关键像素点。

当确定出目标图片中的关键像素点之后，第一处理器161应当为目标图片 的各个区域设置加载顺序。应当理解的是，由关键像素点构成的图像区域之加 载顺序优于不包含关键像素点的图像区域。但是从上述示例可知，针对一张目 标图片，图像边缘提取所得的边缘图形可以不只一个，对应地，根据边缘图形 所确定的由关键像素点构成的重要图像区域就可以不只一个。在这种情况下， 各重要图像区域在加载时的加载顺序可以通过随机的方式确定，或者结合从左 到右(或从上到下)等规则来确定加载顺序，也可以根据各最小矩形的面积来 确定，例如，针对图8中的五个图像区域，第一处理器161最终确定的加载顺 序为“c1--b1--d1--a1--e1”。另外，当目标图片中最终存在多个最小矩形时，可 以由用户来指定各最小矩形所对应图像区域的加载顺序。

当确定出针对目标图片的加载指示信息之后，第一处理器161可以控制上 传终端16的第一通信装置(图16中未示出)将该加载指示信息及对应的目标 图片上传给服务器，其中，目标图片与加载指示信息可以一起上传，也可以分 开上传。

上传终端16与服务器之间可以通过有线或无线的方式进行数据传输，当 服务器接收到上传终端16上传的目标图片与加载指示信息之后，服务器将会 把该目标图片与对应的加载指示信息一起关联存储到存储库中。在后续过程中， 当有加载终端需要加载该目标图片时，服务器根据加载请求从存储库中提取该 目标图片以及该目标图片的加载指示信息，并根据加载指示信息中所指示的加 载顺序向加载终端传输目标图片中各图像区域的图像数据。

本实施例还提供一种存储介质，该计算机可读存储介质中可以存储用于实 现前述各实施例中图片上传方法的计算机程序。

本实施例提供的计算机可读存储介质和上传终端，在向服务器上传目标图 片之前，上传终端先自行根据目标图片中各图像区域在展示图片信息时的重要 性计算确定出目标图片的加载指示信息，然后再将加载指示信息与目标图片上 传到服务器中，由服务器进行关联存储，从而保证在后续过程中当加载终端需 要加载目标图片的时候，服务器能够根据加载指示信息中的加载顺序，将相对 重要的图像区域中的图像数据优先传输给加载终端，让加载终端的用户可以尽 早得到目标图片中的重要信息，提升用户体验。

第五实施例：

本实施例提供一种服务器，请参见图17所示出的服务器的一种硬件结构 示意图：

服务器17包括第二处理器171、第二存储器172及第二通信总线173，其 中第二通信总线173用于实现第二处理器171和第二存储器172之间的连接通 信，第二存储器172作为一种计算机可读存储介质，其中存储有至少一个计算 机程序，这些计算机程序可以供第二处理器171读取、编译并执行，从而实现 对应的处理流程。例如，在本实施例中，第二存储器172中存储有图片加载程 序，第二处理器171可以通过执行该计算机程序实现图片加载方法：

应当明白的是，服务器17进行目标图片加载通常是根据加载终端的加载 请求进行的，所以，首先，服务器17应当接收加载终端针对目标图片发送的 加载请求。通常，服务器17从加载终端处接收到的加载请求中应当包含有表 征目标图片的标识信息，例如目标图片的名称、ID号等，以便第二处理器171 根据目标图片的标识信息确定目标图片是哪一张。

当服务器17的第二通信装置(图17中未示出)接收到加载终端的加载请 求之后，第二处理器171根据加载请求中所包含的标识信息从存储库中提取到 对应的目标图片以及目标图片的加载指示信息。在存储库当中，加载指示信息 与目标图片关联存储，根据前述实施例的介绍可知，加载指示信息能够表征对 目标图片进行加载时的加载顺序。加载指示信息可以由上传目标图片的上传终 端生成并传输给服务器17，服务器17的第二处理器171直接控制第二存储器172对接收到的加载指示信息与目标图片进行关联存储即可；当然，上传终端 可以仅向服务器17上传目标图片，由第二处理器171为接收到的目标图片生成加载指示信息，并控制第二存储器172将加载指示信息与对应的目标图片进 行关联存储。

下面对第二处理器171为目标图片生成加载指示信息的过程进行介绍：

首先，第二处理器171对目标图片进行图像边缘提取处理。由于图像边缘 提取通常是以灰度图片为直接处理对象，所以本实施例中第二处理器171可以 参见第三实施例中的公式将RGB模式的目标图片转换成灰度图片。在本实施 例中，第二处理器171得到目标图片对应的灰度图片之后，可以参照第三实施 例中的介绍，根据Sobel算子法来提取灰度图片的图像边缘。另外第二处理器 171也可以采用其他方式进行图像边缘提取，例如在本实施例的一种示例当中， 第二处理器171采用Prewitt算子法实现图像边缘提取，请参见图15所示出两 个模板的Prewitt算子卷积掩模。

在两个模板的Prewitt算子法中，一个模板用于检测水平边缘，另一个用 于检测垂直边缘，对于某一个坐标为(m,n)像素点，假定其像素灰度值为f(m,n)， 则其像素幅度值为：

G(m,n)＝max[G(m),G(n)]；

或，

G(m,n)＝G(m)+G(n)；

其中，

G(m)＝|[f(m-1,n-1)+f(m-1,n)+f(m-1,n+1)]-[f(m+1,n-1)+f(m+1,n)+f(m+1, n+1)]|

G(n)＝|[f(m-1,n+1)+f(m,n+1)+f(m+1,n+1)]-[f(m-1,n-1)+f(m,n-1)+f(m+1,n-1)]|

当计算出目标图像中各个像素点的像素幅度值之后，第二处理器171需要 将各像素点的像素幅度值G(m,n)与预设边缘阈值G_TH进行比较，如果某一个 像素点的G(m,n)大于G_TH，则第二处理器171判定该像素点为边缘点，否则 该像素点不是边缘点。

对目标图片对应的灰度图片中的每一个像素点均进行如上计算处理之后， 第二处理器171可以确定出目标图片中的各个边缘像素点，这些边缘像素点的 集合就构成了边缘图形，第二处理器171可以基于边缘图形来确定关键像素点， 例如第二处理器171可以直接将边缘图形及边缘图形以内的各像素点作为关 键像素点，并记录各个像素点的坐标值，这些关键像素点的集合就构成了重要 图像区域。

在本实施例的另外一种示例当中，第二处理器171会参照第三实施例中给 出方案，基于最小矩形来确定关键像素点。对于根据最小矩形确定关键像素点 的方案，请参照第三实施例的介绍，本实施例中不再赘述。

当确定出目标图片中的关键像素点之后，第二处理器171应当为目标图片 的各个区域设置加载顺序。应当理解的是，由关键像素点构成的图像区域之加 载顺序优于不包含关键像素点的图像区域。但是当一张目标图片的边缘图形可 以不只一个，即，重要图像区域不只一个时，各重要图像区域在加载时的加载 顺序可以由第二处理器171随机的方式确定，或者由第二处理器171结合从左 到右(或从上到下)等规则来确定加载顺序，也可以由第二处理器171根据各 最小矩形的面积来确定。另外，当目标图片中最终存在多个最小矩形时，可以 由用户来指定各最小矩形所对应图像区域的加载顺序。

当第二处理器171从存储库中提取到目标图片及其加载指示信息之后，第 二处理器171将会控制第二通信装置根据加载指示信息中的加载顺序向加载 终端传输目标图片中各个图像区域的图像数据。假定加载终端的加载请求中请 求加载图6所示的目标图片，而第二处理器171根据加载指示信息确定图6 中的目标图片被划分成了a1，b1，c1，d1，e1五个图像区域，具体如图8所 示，且各图像区域的加载顺序为“c1--b1--d1--a1--e1”，所以，第二处理器171 在向加载终端传输目标图片的图像数据时，先传输图像区域c1中的图像数据， 然后再传输图像区域b1中的图像数据……以此类推，最后再传输图像区域e1 中的图像数据。

加载终端则根据从服务器17处接收图像数据的顺序逐步对目标图片进行 加载。应当明白的是，由于本实施例中加载终端加载目标图片是根据加载顺序， 先加载重要图像区域的图像，再加载重要性相对较低的图像区域，而重要图像 区域承载的图像信息通常较多，所以，在某些情况下，当重要的图像区域中的 图像被显示在用户眼前后，用户已经能够从该重要图像区域了解到目标图片所 表征的绝大多数信息。因此在这种情况下，剩余的图像区域实际上已经可以不 用继续加载了。特别是在加载终端处于非WiFi环境下时，考虑到加载剩余图 像区域还要耗费大量的数据流量，给用户带来较大的经济负担，所以，加载终端可以根据用户的指示停止继续加载目标图片，仅对目标图片已加载的图像区 域进行显示。如图15所示：

在图15当中，用户正在通过加载终端进行新闻资讯浏览，而且当前浏览 的新闻资讯中有一张配图，在WiFi环境下时，加载终端可以自动向服务器17 发送加载请求，请求加载该目标图片，并根据接收图片数据的顺序逐步对目标 图片进行加载显示。但是在非WiFi环境下，加载终端可以根据用户的需求来 决定是否需要发送加载请求，若用户确定要加载目标图片，则加载终端向服务 端发出加载请求，同时，在显示界面上显示“暂停加载控件”，暂停加载控件用 于让用户决定是否继续对目标图片进行加载。若用户点击了“暂停加载控件”， 则加载终端仅对已加载的图像区域进行显示，并通过向服务器17发送暂停指 示，以通知服务器17不必继续发送图片数据。

本实施例还提供一种存储介质，该计算机可读存储介质中可以存储用于实 现前述各实施例中图片加载方法的计算机程序。

在本实施例所提供的服务器，预先对目标图片于加载指示信息进行关联存 储，当接收到来自加载终端的加载请求后，服务器根据加载终端的加载请求获 取到目标图片及对应的加载指示信息，并根据加载指示信息中所包含的加载顺 序向加载终端传输目标图片中各图像区域的图像数据，让加载终端能够根据自 己的传输顺序实现对目标图片的逐步加载，从而让目标图片中比较重要图像区 域率先被展示给用户，从而保证用户使用最少的时间来了解目标图片所表征的 含义、所传递的信息，提升用户体验。

更进一步地，本实施例中，加载终端可以在服务器向自身传输图像数据的 同时，根据用户的需求向服务器发送暂停指示，让服务器根据暂停指示停止对 剩余图像区域中图像数据的传递，从而减少数据流量的耗费，降低用户的经济 负担。

第六实施例：

本实施例将结合具体示例对前述各实施例中的上传终端、加载终端与服务 器进行进一步阐述。

前述各实施例中的上传终端及加载终端可以以各种形式来实施。例如，手 机、平板电脑、笔记本电脑、掌上电脑、个人数字助理(Personal Digital Assistant， PDA)、便捷式媒体播放器(Portable Media Player，PMP)、导航装置、可穿 戴设备、智能手环、计步器等移动终端，以及诸如数字TV、台式计算机等固 定终端。应当理解的是，本发明各实施例中的“上传终端”与“加载终端”只是为 了便于描述，从功能上对终端进行了区分，但事实上，对于任意一个终端而言， 其在不同的场景下，其既可以作为上传终端，又可以作为加载终端。所以在后 续示例当中，将以一个移动终端对前述各实施例中的上传终端与加载终端进行 说明。本领域技术人员将理解的是，除了特别用于移动目的的元件之外，根据 本发明的实施方式的构造也能够应用于固定类型的终端。请参见图18所示出 的移动终端的一种硬件结构示意图：

请参阅图18，其为实现本发明各个实施例的一种移动终端的硬件结构示 意图，该移动终端180可以包括：RF(Radio Frequency，射频)单元181、 WiFi模块182、显示单元183、用户输入单元184、第一存储器185、第一处 理器186、等部件。本领域技术人员可以理解，图18中示出的移动终端结构 并不构成对移动终端的限定，移动终端可以包括比图示更多或更少的部件，或 者组合某些部件，或者不同的部件布置。尽管图18未示出，移动终端100还可以包括蓝牙模块、接口单元、电源等，在此不再赘述。

射频单元181可用于收发信息或通话过程中，信号的接收和发送，具体的， 将基站的下行信息接收后，给第一处理器186处理；另外，将上行的数据发送 给基站。WiFi属于短距离无线传输技术，移动终端通过WiFi模块182可以帮 助用户收发电子邮件、浏览网页和访问流式媒体等，它为用户提供了无线的宽 带互联网访问。显示单元183用于显示由用户输入的信息或提供给用户的信息。 显示单元183可包括显示面板1831，可以采用液晶显示器(Liquid Crystal Display，LCD)、有机发光二极管(Organic Light-Emitting Diode,OLED)等 形式来配置显示面板1831。用户输入单元184可用于接收输入的数字或字符 信息，以及产生与移动终端的用户设置以及功能控制有关的键信号输入。具体 地，用户输入单元184可包括触控面板1841以及其他输入设备1842。第一存 储器185可用于存储软件程序以及各种数据。第一存储器185可主要包括存储 程序区和存储数据区，其中，存储程序区可存储操作系统、至少一个功能所需 的应用程序(比如声音播放功能、图像播放功能等)等；存储数据区可存储根 据手机的使用所创建的数据(比如音频数据、电话本等)等。第一处理器186 是移动终端的控制中心，利用各种接口和线路连接整个移动终端的各个部分，通过运行或执行存储在第一存储器185内的软件程序和/或模块，以及调用存 储在第一存储器185内的数据，执行移动终端的各种功能和处理数据，从而对 移动终端进行整体监控。第一处理器186可包括一个或多个处理单元；优选的， 第一处理器186可集成应用第一处理器和调制解调第一处理器，其中，应用第 一处理器主要处理操作系统、用户界面和应用程序等，调制解调第一处理器主 要处理无线通信。可以理解的是，上述调制解调第一处理器也可以不集成到第 一处理器186中。

在本实施例中，还提供一种服务器，请参见图19所示出的服务器的硬件 结构示意图：

服务器190至少包括：输入输出(IO)总线191、第二处理器192、第二 存储器193、内存194和通信装置195。其中，输入输出(IO)总线191分别 与自身所属的服务器的其它部件(第二处理器192、第二存储器193、内存194 和通信装置195)连接，并且为其它部件提供传送线路。第二处理器192通 常控制自身所属的服务器190的总体操作。例如，第二处理器192执行计算和 确认等操作。其中，第二处理器192可以是中央第二处理器(CPU)。通信装 置195，通常包括一个或多个组件，其允许自身所属的服务器与无线通信系统 或网络之间的无线电通信。第二存储器193存储第二处理器192可读、第二处 理器192可执行的软件代码，其包含用于控制第二处理器192执行本文描述的 功能的指令(即软件执行功能)。

下面结合图20所示的图片上传加载流程图对本实施例中移动终端180与 服务器190之间的交互过程进行简单介绍：

首先假定本实施例中目标图片的加载指示信息由移动终端180生成，但本 领域技术人员应当理解的是，移动终端180也可以仅向服务器190传输目标图 片，而该目标图片的加载指示信息由服务器190生成。

S202、移动终端确定针对目标图片的加载指示信息。

在本实施例中，移动终端180为目标图片生成加载指示信息的而过程可以 参照第一实施例与第二实施例中提供两种方式。假定移动终端180根据第一种 方案生成加载指示信息，则移动终端180的第一存储器185中应当存储了基于 图像边缘提取技术的加载指示信息生成程序。第一处理器186可以通过读取、 编译并执行该程序从而生成针对目标图片的加载指示信息：第一处理器186 首先按照Roberts算子、Sobel算子、Prewitt算子等几种边缘提取算法中的任 意一种对目标图片进行图像边缘提取处理，然后基于边缘图像边缘提取处理所 得的边缘图形确定关键像素点，并基于关键像素点确定各图像区域的加载顺序。

若第一处理器186按照第二实施例中的方案确定加载指示信息，则，第一 处理器186应当控制显示单元183向用户显示目标图片，同时在目标图片上示 出选择框，让用户通过用户输入单元184调整选择框的位置及大小，从而实现 对目标图片的图像区域划分。在第一处理器186根据用户输入单元184接收到 的用户输入信息将目标图片划分成至少两个图像区域之后，第一处理器186 还会控制用户输入单元184接收用户对各个图像区域加载顺序的指示。接收到 用户对加载顺序的指示之后，第一处理器186生成用于对目标图片的加载顺序 进行指示的加载指示信息。

S204、移动终端将目标图片与加载指示信息传输给服务器。

按照上述两种方式中的任意一种生成加载指示信息之后，移动终端180 的第一处理器186将会控制射频单元181或WiFi模块182将目标图片与对应 的加载指示信息一起上传给服务器190。如果第一处理器186根据WiFi模块 182的检测结果确定移动终端180当前处于WiFi环境下，则第一处理器186 控制WiFi模块182通过WiFi网络将目标图片与加载指示信息传输给服务器 190；否则，第一处理器186控制射频单元181通过移动通信网络将目标图片 与加载指示信息传输给服务器190。

S206、服务器对目标图片与加载指示信息进行关联存储。

当服务器190通过通信装置195接收到来自移动终端180的目标图片与相 应的加载指示信息之后，第二处理器192将会把目标图片与加载指示信息关联 存储到存储库中。在本实施例中，存储库部署在服务器190的第二存储器193 上，但在本实施例的其他示例当中，存储库也可以被设置在服务器190外的其 他存储设备上，应当理解的是，设置存储库的存储设备应当与服务器190通信 连接，以便服务器190进行目标图片及加载指示信息的存储与读取。

S208、移动终端向服务器发送加载请求。

在本实施例中，移动终端180会请求对自己上传的目标图片进行加载，但 本领域技术人员可以理解的是，移动终端180请求加载的目标图片也可以是其 他终端上传至服务器190的。相应地，请求加载移动终端180上传的目标图片 的终端也可以是除了移动终端180以外的其他终端设备。

当，移动终端180需要加载目标图片时，第一处理器186将会控制射频单 元181或WiFi模块182向服务器发送加载请求，在加载情求中携带有待加载 目标图片的标识信息。

S210、服务器根据加载请求提取目标图片与加载指示信息。

当服务器190的通信装置195接收到移动终端180发送的加载请求之后， 第二处理器192将会在第二存储器193的存储库中提取与加载请求对应的目标 图片及加载指示信息。

S212、服务器按照加载顺序向移动终端传输目标图片各图像区域的图像数 据。

提取到目标图片及加载指示信息之后，服务器190的第二处理器192根据 加载指示信息的指示，控制通信装置195按照加载顺序向移动终端180传输目 标图片中各图像区域的图像数据。

S214、移动终端根据接收图像数据的顺序逐步显示各图像区域。

移动终端180的第一处理器186将会控制射频单元181或WiFi模块182 接收服务器190传输的图像数据。由于服务器190向移动终端180传输的图像 数据的同时必定会告知移动终端180该图像数据对应于目标图片上哪一个位 置，所以，第一处理器186可以在接收图像数据的同时，控制显示单元183 对已经接收到的图像数据进行显示，从而实现目标图片各图像区域的逐步显示。

在本实施例中，移动终端180的第一处理器186还可以控制显示单元在显 示界面上示出“暂停加载控件”。若移动终端180通过用户输入单元184的触控 面板1841接收到用户对“暂停加载控件”的触控，则第一处理器186可以根据 用户的指示生成暂停指示，并控制射频单元181或WiFi模块182将暂停指示 发送给服务器190，以指示服务器190不必继续发送剩余的图像数据。

本实施例中提供的移动终端、服务器，由移动终端生成针对目标图片的加 载指示信息，然后再将加载指示信息与目标图片上传到服务器中，由服务器进 行关联存储。当该移动终端或其他终端需要加载目标图片时，服务器根据加载 指示信息中的加载顺序，将相对重要的图像区域中的图像数据优先传输给移动 终端，让移动终端的用户可以尽早得到目标图片中的重要信息，提升用户体验。 而且，在本实施例中，加载指示信息由移动终端确定，避免服务器针对大量目 标图片确定加载指示信息时耗费巨量处理资源与处理时间的问题，降低了服务 器的处理负担。

需要说明的是，在本文中，术语“包括”、“包含”或者其任何其他变体意在 涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者装置 不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这 种过程、方法、物品或者装置所固有的要素。在没有更多限制的情况下，由语 句“包括一个……”限定的要素，并不排除在包括该要素的过程、方法、物品或 者装置中还存在另外的相同要素。

上述本发明实施例序号仅仅为了描述，不代表实施例的优劣。

通过以上的实施方式的描述，本领域的技术人员可以清楚地了解到上述实 施例方法可借助软件加必需的通用硬件平台的方式来实现，当然也可以通过硬 件，但很多情况下前者是更佳的实施方式。基于这样的理解，本发明的技术方 案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来， 该计算机软件产品存储在一个存储介质(如ROM/RAM、磁碟、光盘)中，包 括若干指令用以使得一台终端(可以是手机，计算机，服务器，空调器，或者 网络设备等)执行本发明各个实施例所述的方法。

上面结合附图对本发明的实施例进行了描述，但是本发明并不局限于上述 的具体实施方式，上述的具体实施方式仅仅是示意性的，而不是限制性的，本 领域的普通技术人员在本发明的启示下，在不脱离本发明宗旨和权利要求所保 护的范围情况下，还可做出很多形式，这些均属于本发明的保护之内。

Claims (13)

1.一种图片上传方法，其特征在于，所述图片上传方法包括：

上传终端根据目标图片中各图像区域在展示图片信息时的重要性确定针对所述目标图片的加载指示信息，所述加载指示信息用于对所述目标图片中各图像区域的加载顺序进行指示；

所述上传终端将所述目标图片与所述加载指示信息上传给服务器，以供所述服务器在接收到针对所述目标图片的加载请求后，根据所述加载指示信息中的加载顺序向加载终端传输所述目标图片各图像区域的图像数据。

2.如权利要求1所述的图片上传方法，其特征在于，所述上传终端根据目标图片中各图像区域在展示图片信息时的重要性确定针对所述目标图片的加载指示信息包括：

所述上传终端对所述目标图片进行图像边缘提取处理；

所述上传终端基于图像边缘提取处理所得的边缘图形确定关键像素点；

所述上传终端设置由关键像素点构成的图像区域之加载顺序优于不包含关键像素点的图像区域。

3.如权利要求2所述的图片上传方法，其特征在于，所述上传终端基于图像边缘提取处理所得的边缘图形确定关键像素点包括：

所述上传终端根据边缘图形中像素点的坐标值确定出分别完整包含边缘图形的最小矩形；

所述上传终端将所述最小矩形内的像素点作为关键像素点。

4.如权利要求3所述的图片上传方法，其特征在于，所述上传终端将各所述最小矩形内的像素点作为关键像素点之前，还包括：所述上传终端确定所述最小矩形的面积大于预设面积阈值。

5.一种图片加载方法，其特征在于，所述图片加载方法包括：

服务器接收加载终端针对目标图片发送的加载请求；

所述服务器根据所述加载请求从存储库中提取出所述目标图片及与所述目标图片关联存储的加载指示信息，所述加载指示信息根据所述目标图片中各图像区域在展示图片信息时的重要性确定，用于对所述目标图片中各图像区域的加载顺序进行指示；

所述服务器根据所述加载指示信息中的加载顺序向所述加载终端传输所述目标图片各图像区域的图像数据，以供所述加载终端根据接收图像数据的顺序对所述目标图片进行逐步加载显示。

6.如权利要求5所述的图片加载方法，其特征在于，所述服务器根据所述加载请求从存储库中提取出所述目标图片及与所述目标图片关联存储的加载指示信息之前，还包括：

所述服务器接收上传终端上传的所述目标图片，对所述目标图片进行处理得到对应的加载指示信息，并将所述加载指示信息与所述目标图片进行关联存储；

或，

所述服务器接收上传终端传输的所述目标图片和所述目标图片对应的加载指示信息，将所述目标图片与所述加载指示信息进行关联存储。

7.如权利要求6所述的图片加载方法，其特征在于，所述服务器对所述目标图片进行处理得到对应的加载指示信息包括：

所述服务器对所述目标图片进行图像边缘提取处理；

所述服务器基于图像边缘提取处理所得的边缘图形确定关键像素点；

所述服务器设置由关键像素点构成的图像区域之加载顺序优于不包含关键像素点的图像区域。

8.如权利要求7所述的图片加载方法，其特征在于，所述服务器基于图像边缘提取处理所得的边缘图形确定关键像素点包括：

所述服务器根据边缘图形中像素点的坐标值确定出分别完整包含边缘图形的最小矩形；

所述服务器将所述最小矩形内的像素点作为关键像素点。

9.如权利要求8所述的图片加载方法，其特征在于，所述服务器将所述最小矩形内的像素点作为关键像素点之前，还包括：所述服务器确定所述最小矩形的面积大于预设面积阈值。

10.如权利要求5-9任一项所述的图片加载方法，其特征在于，所述服务器根据所述加载指示信息中的加载顺序向所述加载终端传输所述目标图片各图像区域的图像数据的同时，还包括：

所述服务器接收所述加载终端的暂停指示，并根据所述暂停指示停止向所述加载终端传输剩余的图像数据。

11.一种上传终端，其特征在于，所述上传终端包括第一处理器、第一存储器及第一通信总线；

所述第一通信总线用于实现第一处理器和第一存储器之间的连接通信；

所述第一处理器用于执行第一存储器中存储的图片加载程序，以实现以下步骤：

根据目标图片中各图像区域在展示图片信息时的重要性确定针对所述目标图片的加载指示信息，所述加载指示信息用于对所述目标图片中各图像区域的加载顺序进行指示；

将所述目标图片与所述加载指示信息上传给服务器，以供所述服务器在接收到针对所述目标图片的加载请求后，根据所述加载指示信息中的加载顺序向加载终端传输所述目标图片各图像区域的图像数据。

12.一种服务器，其特征在于，所述服务器包括第二处理器、第二存储器及第二通信总线；

所述第二通信总线用于实现第二处理器和第二存储器之间的连接通信；

所述第二处理器用于执行第二存储器中存储的图片加载程序，以实现以下步骤：

接收加载终端针对目标图片发送的加载请求；

根据所述加载请求从存储库中提取出所述目标图片及与所述目标图片关联存储的加载指示信息，所述加载指示信息根据所述目标图片中各图像区域在展示图片信息时的重要性确定，用于对所述目标图片中各图像区域的加载顺序进行指示；

根据所述加载指示信息中的加载顺序向所述加载终端传输所述目标图片各图像区域的图像数据，以供所述加载终端根据接收图像数据的顺序对所述目标图片进行逐步加载显示。

13.一种存储介质，其特征在于，所述存储介质存储有一个或者多个程序，所述一个或者多个程序可被一个或者多个处理器执行以实现权利要求1-4任一项所述的图片上传步骤，或实现权利要求5-10任一项所述的图片加载步骤。