CN106909548B - 基于服务器的图片加载方法及装置 - Google Patents

Abstract

本发明提供了一种基于服务器的图片加载方法及装置，所述方法包括：接收浏览器发送的针对目标图片的动画请求指令，所述动画请求指令中携带有所述浏览器的标识以及所述目标图片的图片信息；根据目标图片的图片信息对所述目标图片进行内容识别，根据内容识别结果获取与所述内容识别结果对应的多媒体资源；将所述多媒体资源嵌入至所述目标图片中；根据所述浏览器的标识将嵌入多媒体资源后的目标图片发送至所述浏览器，以使所述浏览器对嵌入多媒体资源后的目标图片进行展示。本发明所述的方法及装置，可以根据目标图片的内容自动为目标图片选取与目标图片的内容对应的多媒体资源，使得添加多媒体资源后的目标图片生动形象，合情合景，提高了用户体验。

Description

基于服务器的图片加载方法及装置

技术领域

本发明涉及互联网应用技术领域，具体涉及一种基于服务器的图片加载方法及装置。

背景技术

随着互联网应用的日趋普及，用户在互联网上除了访问或浏览网页外，还有其他诸多需求。比如，用户还可以在互联网上对图片进行编辑。

目前，在浏览器中对图片进行编辑或美化时，一般都需要基于用户的操作行为。比如，对于浏览器中的某一幅图片，若用户想对该图片进行编辑，则需要用户从网络上获取并指派特定的多媒体资源，并将特定的多媒体资源通过浏览器发送给后台服务器，后台服务器根据接收到的多媒体资源对图片进行编辑或美化。

可见，现有的后台服务器在对图片进行编辑或美化时，需要接收用户从网络上获取并指派的特定的多媒体资源，这对于用户来说，操作起来较为麻烦，不太方便；对于服务器来说，由于用户指派的多媒体资源大多具有随机性，导致服务器对图片的编辑或美化效果不够完美或不尽人意。

发明内容

针对现有技术中的缺陷，本发明提供了一种基于服务器的图片加载方法及装置，可以根据目标图片的内容自动为目标图片选取与目标图片的内容对应的多媒体资源，不但省去了用户为目标图片获取并指派特定多媒体资源的麻烦，而且使得添加多媒体资源后的目标图片生动形象，合情合景，提高了用户体验。

为解决上述技术问题，本发明提供以下技术方案：

第一方面，本发明提供了一种基于服务器的图片加载方法，包括：

接收浏览器发送的针对目标图片的动画请求指令，所述动画请求指令中携带有所述浏览器的标识以及所述目标图片的图片信息；

根据所述目标图片的图片信息对所述目标图片进行内容识别，根据内容识别结果获取与所述内容识别结果对应的多媒体资源；

将所述多媒体资源嵌入至所述目标图片中；

根据所述浏览器的标识将嵌入多媒体资源后的目标图片发送至所述浏览器，以使所述浏览器对嵌入多媒体资源后的目标图片进行展示。

优选地，在所述根据所述目标图片的图片信息对所述目标图片进行内容识别之前，所述方法还包括：

根据所述目标图片的图片信息获取目标图片的边缘特征，并根据所述边缘特征对所述目标图片进行分类，以确定所述目标图片的类型。

优选地，在所述目标图片的类型为文字类图片时，相应地，所述根据所述目标图片的图片信息对所述目标图片进行内容识别，根据内容识别结果获取与所述内容识别结果对应的多媒体资源，进一步包括：

根据所述目标图片的图片信息对所述目标图片进行文字识别，以获得所述目标图片的文字内容，根据关键词库对获得的文字内容进行匹配，以获取所述文字内容中的匹配词语以及与匹配词语对应的多媒体资源，所述关键词库包括：关键词与多媒体资源的对应的关系。

优选地，所述将所述多媒体资源嵌入至所述目标图片中，进一步包括：

将获取的多媒体资源替换所述目标图片中与该多媒体资源对应的匹配词语。

优选地，所述将所述多媒体资源嵌入至所述目标图片中，进一步包括：

将获取的多媒体资源添加至所述目标图片。

优选地，在所述目标图片的类型为图像类图片时，相应地，所述根据所述目标图片的图片信息对所述目标图片进行内容识别，根据内容识别结果获取与所述内容识别结果对应的多媒体资源，进一步包括：

根据所述目标图片的图片信息对所述目标图片进行图像分割，以获得所述目标图片的图像内容，根据预设图像库对获得的图像内容进行匹配，以获取所述图像内容中的匹配图像以及与匹配图像对应的多媒体资源，所述预设图像库包括：图像与多媒体资源的对应关系。

优选地，所述将所述多媒体资源嵌入至所述目标图片中，进一步包括：

将获取的多媒体资源替换所述目标图片中与该多媒体资源对应的匹配图像。

优选地，所述将所述多媒体资源嵌入至所述目标图片中，进一步包括：

将获取的多媒体资源添加至所述目标图片。

优选地，所述根据所述浏览器的标识将嵌入多媒体资源后的目标图片发送至所述浏览器，以使所述浏览器对嵌入多媒体资源后的目标图片进行展示，进一步包括：

将嵌入多媒体资源后的目标图片上传至图床，并获取所述嵌入多媒体资源后的目标图片在图床中的链接地址；

根据所述浏览器的标识将所述链接地址发送至所述浏览器，以使所述浏览器基于所述链接地址对嵌入多媒体资源后的目标图片进行展示。

优选地，在所述将嵌入多媒体资源后的目标图片上传至图床之前，所述方法还包括：

获取所述嵌入多媒体资源后的目标图片的缩略图；

所述根据所述浏览器的标识将所述链接地址发送至所述浏览器，以使所述浏览器基于所述链接地址实现对嵌入多媒体资源后的目标图片进行展示，进一步包括：

根据所述浏览器的标识将所述链接地址和所述缩略图发送至所述浏览器，以使所述浏览器对所述缩略图进行展示，并在所述缩略图上生成触发元素，所述触发元素用于将所述缩略图切换为基于所述链接地址对应的嵌入多媒体资源后的目标图片。

优选地，所述目标图片的图片信息包括：所述目标图片的图片数据或所述目标图片的源地址。

优选地，所述多媒体资源包括：音效资源和/或特效资源。

第二方面，本发明还提供了一种基于服务器的图片加载装置，包括：

接收单元，用于接收浏览器发送的针对目标图片的动画请求指令，所述动画请求指令中携带有所述浏览器的标识以及所述目标图片的图片信息；

获取单元，用于根据所述目标图片的图片信息对所述目标图片进行内容识别，根据内容识别结果获取与所述内容识别结果对应的多媒体资源；

嵌入单元，用于将所述多媒体资源嵌入至所述目标图片中；

发送单元，用于根据所述浏览器的标识将嵌入多媒体资源后的目标图片发送至所述浏览器，以使所述浏览器对嵌入多媒体资源后的目标图片进行展示。

优选地，所述获取单元进一步包括：分类模块和获取模块；

所述分类模块，用于根据所述目标图片的图片信息获取目标图片的边缘特征，并根据所述边缘特征对所述目标图片进行分类，以确定所述目标图片的类型；

所述获取模块，用于根据所述分类模块确定的目标图片的类型，对所述目标图片进行内容识别，以及根据内容识别结果获取与所述内容识别结果对应的多媒体资源。

优选地，在所述分类模块确定所述目标图片的类型为文字类图片时，所述获取模块，进一步用于：

根据所述目标图片的图片信息对所述目标图片进行文字识别，以获得所述目标图片的文字内容，根据关键词库对获得的文字内容进行匹配，以获取所述文字内容中的匹配词语以及与匹配词语对应的多媒体资源，所述关键词库包括：关键词与多媒体资源的对应的关系。

优选地，所述嵌入单元，进一步用于：将获取的多媒体资源替换所述目标图片中与该多媒体资源对应的匹配词语。

优选地，所述嵌入单元，进一步用于：将获取的多媒体资源添加至所述目标图片。

优选地，在所述分类模块确定所述目标图片的类型为图像类图片时，所述获取模块，进一步用于：

根据所述目标图片的图片信息对所述目标图片进行图像分割，以获得所述目标图片的图像内容，根据预设图像库对获得的图像内容进行匹配，以获取所述图像内容中的匹配图像以及与匹配图像对应的多媒体资源，所述预设图像库包括：图像与多媒体资源的对应关系。

优选地，所述嵌入单元，进一步用于：将获取的多媒体资源替换所述目标图片中与该多媒体资源对应的匹配图像。

优选地，所述嵌入单元，进一步用于：将获取的多媒体资源添加至所述目标图片。

优选地，所述发送单元，进一步包括：上传模块、第一获取模块和发送模块；

所述上传模块，用于将嵌入多媒体资源后的目标图片上传至图床；

所述第一获取模块，用于获取所述嵌入多媒体资源后的目标图片在图床中的链接地址；

所述发送模块，用于根据所述浏览器的标识将所述链接地址发送至所述浏览器，以使所述浏览器基于所述链接地址对嵌入多媒体资源后的目标图片进行展示。

优选地，所述发送单元进一步包括：第二获取模块；

所述第二获取模块，用于获取所述嵌入多媒体资源后的目标图片的缩略图；

相应地，所述发送模块，用于根据所述浏览器的标识将所述链接地址和所述缩略图发送至所述浏览器，以使所述浏览器对所述缩略图进行展示，并在所述缩略图上生成触发元素，所述触发元素用于将所述缩略图切换为基于所述链接地址对应的嵌入多媒体资源后的目标图片。

优选地，所述目标图片的图片信息包括：所述目标图片的图片数据或所述目标图片的源地址。

优选地，所述多媒体资源包括：音效资源和/或特效资源。

由上述技术方案可知，本发明所述的基于服务器的图片加载方法，在服务器接收到浏览器发送的针对目标图片的动画请求指令时，服务器根据动画请求指令中携带的目标图片的图片信息对所述目标图片进行内容识别，根据内容识别结果获取与所述内容识别结果对应的多媒体资源，并将所述多媒体资源嵌入至所述目标图片中，得到嵌入多媒体资源后的目标图片，服务器根据动画请求指令中携带的浏览器的标识将嵌入多媒体资源后的目标图片发送至所述浏览器，以使所述浏览器对嵌入多媒体资源后的目标图片进行展示。本发明所述的基于服务器的图片加载方法，可以根据目标图片的内容自动为目标图片选取与目标图片的内容对应的多媒体资源，从而不但省去了用户为目标图片获取并指派特定多媒体资源的麻烦，而且由于选取的多媒体资源和目标图片的内容具有关联性，从而能够使得添加多媒体资源后的目标图片生动形象，合情合景，进而提高了用户体验。

附图说明

为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1是本发明第一个实施例提供的基于服务器的图片加载方法的流程图；

图2是本发明第二个实施例提供的步骤102的具体实现流程图；

图3是本发明第四个实施例提供的步骤104的一种具体实现流程图；

图4是本发明第四个实施例提供的步骤104的另一种具体实现流程图；

图5是本发明第五个实施例提供的基于服务器的图片加载装置的结构示意图；

图6是本发明第六个实施例提供的基于服务器的图片加载装置的结构示意图；

图7是本发明第七个实施例提供的基于服务器的图片加载装置的结构示意图。

具体实施方式

为使本发明实施例的目的、技术方案和优点更加清楚，下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整的描述，显然，所描述的实施例是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。

图1示出了本发明第一个实施例提供的基于服务器的图片加载方法的流程图，参见图1，本发明第一个实施例提供的基于服务器的图片加载方法包括如下步骤：

步骤101：接收浏览器发送的针对目标图片的动画请求指令，所述动画请求指令中携带有所述浏览器的标识以及所述目标图片的图片信息。

在本步骤中，当用户在浏览器显示界面中对目标图片进行触发操作时，浏览器响应该触发操作，并获取该目标图片的图片信息，同时生成动画请求指令并将动画请求指令发送给服务器。其中生成的动画请求指令中携带有该目标图片的图片信息以及浏览器的标识。

这里，用户在浏览器显示界面中对目标图片进行触发操作可以为直接点击目标图片本身，也可以是点击特定的按钮，该特定的按钮为和所述目标图片具有关联特性的按钮，比如，该按钮用于对所述目标图片进行多媒体资源渲染等。

服务器在接收到浏览器发送的针对目标图片的动画请求指令之后，会获取动画请求指令中携带的目标图片的图片信息，并根据所述目标图片的图片信息对所述目标图片进行内容识别，根据内容识别结果获取与所述内容识别结果对应的多媒体资源。

这里，所述目标图片的图片信息包括：所述目标图片的图片数据或所述目标图片的源地址。

若所述目标图片较小，则所述目标图片的图片信息可以为所述目标图片的图片数据，也可以为所述目标图片的源地址；若所述目标图片较大，则所述目标图片的图片信息优选为所述目标图片的源地址。

这样，在服务器接收到浏览器发送的目标图片的源地址时，服务器可以直接通过访问该源地址的方式获取该目标图片。对于内容较大的目标图片，服务器通过直接访问源地址获取目标图片的方式要更有效率，毕竟服务器与服务器之间的交互速度要快的多。其中，服务器通过直接访问源地址获取目标图片的方式可以看作是服务器与服务器(存储有目标图片的服务器)之间的交互。

步骤102：根据所述目标图片的图片信息对所述目标图片进行内容识别，根据内容识别结果获取与所述内容识别结果对应的多媒体资源。

在本步骤中，所述多媒体资源包括：音效资源和/或特效资源。其中，音效资源包括音乐和特定的声音等其他音效资源；所述特效资源包括flash图片和特定的flash效果等其他特效资源。

本步骤中获取的多媒体资源为与所述内容识别结果对应的多媒体资源，即本步骤获取的多媒体资源是和所述目标图片的内容具有关联性的多媒体资源。

步骤103：将所述多媒体资源嵌入至所述目标图片中。

本步骤中的“嵌入”至少包括两种含义，一种是将获取的多媒体资源直接添加至所述目标图片中，一种是将获取的多媒体资源替换掉所述目标图片中相应的对象内容。

步骤104：根据所述浏览器的标识将嵌入多媒体资源后的目标图片发送至所述浏览器，以使所述浏览器对嵌入多媒体资源后的目标图片进行展示。

在本步骤中，当服务器将获取的多媒体资源嵌入至所述目标图片中后，将会根据浏览器的标识将嵌入多媒体资源后的目标图片发送至所述浏览器，以使所述浏览器对嵌入多媒体资源后的目标图片进行展示，以满足用户对原始目标图片的多媒体图片的查看需求。

本实施例所述的基于服务器的图片加载方法，在服务器接收到浏览器发送的针对目标图片的动画请求指令时，服务器根据动画请求指令中携带的目标图片的图片信息对所述目标图片进行内容识别，根据内容识别结果获取与所述内容识别结果对应的多媒体资源，并将所述多媒体资源嵌入至所述目标图片中，得到嵌入多媒体资源后的目标图片，服务器根据动画请求指令中携带的浏览器的标识将嵌入多媒体资源后的目标图片发送至所述浏览器，以使所述浏览器对嵌入多媒体资源后的目标图片进行展示。本实施例所述的基于服务器的图片加载方法，可以根据目标图片的内容自动为目标图片选取与目标图片的内容对应的多媒体资源，从而不但省去了用户为目标图片获取并指派特定多媒体资源的麻烦，而且由于选取的多媒体资源和目标图片的内容具有关联性，从而能够使得添加多媒体资源后的目标图片生动形象，合情合景，进而提高了用户体验。

在本发明的第二个实施例中，给出了上述步骤102的一种具体实现方式。在本实施例中，参见图2，上述步骤102具体包括如下子步骤a、b和c。

步骤a：根据所述目标图片的图片信息获取目标图片的边缘特征，并根据所述边缘特征对所述目标图片进行分类，以确定所述目标图片的类型。

在本步骤中，服务器根据浏览器发送的动画请求指令中携带的所述目标图片的图片信息获取目标图片的边缘特征，并根据所述边缘特征对所述目标图片进行分类，以确定所述目标图片的类型。

这里，根据目标图片的边缘特征对目标图片进行分类，实际上是根据目标图片内容的边缘特征对目标图片进行分类。那么在对目标图片进行分类时，就需要先对目标图片进行灰度处理(如果是彩色图片)，然后进行边缘特征提取，根据边缘特征提取结果确定该目标图片的类型。在本实施例中，所述目标图片的类型包括文字类目标图片和图像类目标图片。

具体地，在根据边缘特征提取结果确定该目标图片的类型时，可以按照下面的方式进行处理：

根据边缘特征提取结果中的所有边缘特征点的像素值的叠加结果，确定该目标图片的类型：

当所有边缘特征点的像素值的叠加结果超过预设阈值时，则确定该目标图片为文字类图片，否则确定该目标图片为图像类图片。

一般地，文字类图片的边缘特征信息较多，图像类图片的边缘特征信息较少，因而在进行边缘特征提取后，文字类图片对应的边缘特征提取结果中会存在较多的边缘特征点，而图像类图片对应的边缘特征提取结果中会存在较少的边缘特征点，因此，可以根据边缘特征提取结果中的所有边缘特征点的像素值的叠加结果，确定该目标图片的类型。

例如，对于一张包含50个字的文字类图片和一张包含彩虹的图像类图片，其两者在分别进行边缘特征提取后，很明显，包含50个字的文字类图片会具有更多的边缘特征点。

步骤b：根据所述目标图片的类型对所述目标图片进行内容识别。

在本步骤中，根据所述目标图片的类型对所述目标图片进行内容识别包括以下两种情况。

①若上述步骤a确定所述目标图片的类型为文字类图片，则对所述目标图片进行文字识别，以获得所述目标图片的文字内容；

其中，具体的文字识别过程包括以下几方面内容：对图片进行预处理、特征提取和降维、设计和训练分类器、进行文字识别，优选地，在识别结束后还可以进行后处理，用于对识别结果进行优化。

其中，预处理包括灰度化(如果是彩色图像)、降噪、二值化、字符切分以及归一化。特征提取和降维包括提取文字的边缘特征，因为文字的边缘特征是用来识别文字的关键信息，每个不同的文字都能通过其边缘特征来和其他文字进行区分。另外，为了提高识别速率，往往需要对提取的特征信息进行降维处理，以提高分类器的分类效果。设计和训练分类器是比较关键的一步，因为分类器的训练的好坏直接影响了识别结果的准确程度。其中，分类器可以选择支持向量机SVM、最邻近分类器KNN和卷积神经网络CNN等。

当然，在进行文字识别时也可以直接利用比较成熟的文字识别软件，如OCR等。

例如，对于一幅包含若干文字的图片，经过文字识别以后，得到如下识别结果“今天又加班了，最近一个月都没有好好休息了，好累，好郁闷，从什么时候开始不用加班变成我人生新的追求了”。

②若上述步骤a确定所述目标图片的类型为图像类图片，则对所述目标图片进行图像分割，以获得所述目标图片的图像内容。

其中，这里目标图片中的图像内容是指图像分割得到的一个或多个对象。在对目标图片进行图像分割时，可以采用Meanshift分割算法、测地线活动轮廓模型GAC算法和静态图像压缩标准JSEG分割算法等。

例如，对于一张包含仅包含彩虹的目标图片，经过图像分割，可以得到彩虹这一图像对象，该图像对象即为该目标图片的图像内容。

又如，对于一张包含人物和彩虹的目标图片，经过图像分割，可以得到人物和彩虹两个图像对象，这两个图像对象即为该目标图片的图像内容。

还比如，对于包含多个人物和火锅等的目标图片，经过图像分割，可以得到多个人物和火锅等多个图像对象，这多个图像对象即为该目标图片的图像内容。

步骤c：根据内容识别结果获取与所述内容识别结果对应的多媒体资源。

在本步骤中，根据内容识别结果获取与所述内容识别结果对应的多媒体资源包括以下两种情况。

①若所述步骤b获得的内容识别结果是所述目标图片的文字内容，则根据关键词库对获得的文字内容进行匹配，以获取所述文字内容中的匹配词语以及与匹配词语对应的多媒体资源，所述关键词库包括：关键词与多媒体资源的对应的关系；其中，关键词库中与每个关键词对应的多媒体资源有一个或多个。

例如，根据文字识别结果获得的一段文字为“今天又加班了，最近一个月都没有好好休息了，好累，好郁闷，从什么时候开始不用加班变成我人生新的追求了”。

对于上述文字识别结果，利用关键词库对该文字识别结果进行匹配，以获取所述文字内容中的匹配词语以及与匹配词语对应的多媒体资源。这里，匹配词语是指所述文字内容中与所述关键词库中的关键词匹配成功的词语。

其中关键词库中存储有一些常用词语以及与这些常用词语对应的多媒体资源。关于关键词库可参见下表1所示的内容。

表1

其中，上述关键词库中与关键词对应的多媒体资源可以为一些插图图片或flash图片，也可以为一些音乐或特定的声音等音效资源，当然也可以同时包含这两者。进一步地，与关键词对应的多媒体资源还可以为其他与关键词相关的特效资源，其原理大致一样，这里不再举例说明。

此外，由于后面还需要将获取的多媒体资源替换掉目标图片中对应的匹配词语，因此，这里所述的插图图片或flash图片为尺寸较小的图片，以便于后期替换文字时的处理，同时也为了避免替换后的插图图片或flash图片遮挡原匹配词语周边的词语。

例如，利用上面表1所示的关键词库对上述文字识别结果“今天又加班了，最近一个月都没有好好休息了，好累，好郁闷，从什么时候开始不用加班变成我人生新的追求了”进行匹配，得到匹配词语“加班”和“郁闷”，分别获取与这两个匹配词语对应的多媒体资源1：“黑夜中手敲键盘的flash图片”以及“撇嘴图片”。另外，还可以获取与这两个匹配词语对应的多媒体资源2：“与加班有关歌词相对调侃的音乐”(如歌曲《加班超人》)以及“歌词或韵律悲伤的音乐”(如歌曲《你在烦恼什么》)。其中，在获取与匹配词语对应的多媒体资源时，如若关键词库中与该匹配词语对应的多媒体资源只有一种，那么直接获取该多媒体资源。如果与该匹配词语对应的多媒体资源有两种，则可以只获取其中的一种或两种均获取。

在下述第三个实施例中将描述如何将获取的多媒体资源嵌入到目标图片中。比如，当获取的多媒体资源只包含多媒体资源1时，将获取的多媒体资源1替换所述目标图片中与该多媒体资源1对应的匹配词语。当获取的多媒体资源只包含多媒体资源2时，将获取的多媒体资源2添加至所述目标图片中。当获取的多媒体资源包括多媒体资源1和多媒体资源2时，将获取的多媒体资源1替换所述目标图片中与该多媒体资源1对应的匹配词语，同时将获取的多媒体资源2添加至所述目标图片中。这里，需要注意的是，当针对一张目标图片获取的多媒体资源2有多个时，可以选择一个将其添加至所述目标图片中，或将多个均添加至所述目标图片中。

当有多个多媒体资源2均添加至所述目标图片中时，多个多媒体资源2将会循环展示效果，比如，当有两首音乐同时添加至所述目标图片中时，这两首音乐将会以循环播放的方式进行展示。

例如，还是对于上述的例子，将获取的与“加班”和“郁闷”分别对应的多媒体资源1“黑夜中手敲键盘的flash图片”以及“撇嘴图片”分别替换掉所述目标图片中的“加班”和“郁闷”这两个词语。这样，替换后的目标图片相对于原始目标图片，将会比较生动活泼，更能表达出原始目标图片想要表达的内容和效果。而且整个过程完全自动化处理，不用人为获取多媒体资源，从而提升了用户体验。

另外，对于上述的例子，也可以将获取的多媒体资源2“与加班有关歌词相对调侃的音乐”和“歌词或韵律悲伤的音乐”中的一个添加至所述目标图片中，以使浏览器在展示所述嵌入多媒体资源后的目标图片时能够播放相应的音乐，这样可以迅速地把用户带入到一定的场景中，使得用户迅速或直观地体会到这张目标图片中的文字所表达的心情，从而提高了用户体验。

当然，也可以将“与加班有关歌词相对调侃的音乐”和“歌词或韵律悲伤的音乐”均添加至所述目标图片中，以使浏览器在展示所述嵌入多媒体资源后的目标图片时能够循环播放该两首音乐。

为了进一步提升用户体验，可以将获取的多媒体资源1替换掉目标图片中相应的匹配词语，同时将获取的多媒体资源2添加至所述目标图片中，从而使得浏览器在展示所述嵌入多媒体资源后的目标图片时，能够达到较佳的效果。例如，既能使得文字图片生动形象，也能借助音效效果使得文字图片快速传递相应的信息给用户。

②若所述步骤b获得的内容识别结果是所述目标图片的图像内容，则根据预设图像库对获得的图像内容进行匹配，以获取所述图像内容中的匹配图像以及与匹配图像对应的多媒体资源，所述预设图像库包括：图像与多媒体资源的对应关系。其中，所述预设图像库与每个图像对应的多媒体资源有一个或多个。

例如，对目标图片进行分割得到的图像内容为图像对象“彩虹”。对于该图像内容，利用预设图像库对图像对象“彩虹”进行匹配，以获取匹配图像以及与匹配图像对应的多媒体资源。这里，匹配图像是指对目标图片进行分割得到的图像内容中与预设图像库中的图像匹配的图像。

其中预设图像库中存储有一些常见的图像对象以及与这些常见的图像对象对应的多媒体资源。关于预设图像库可参见下表2所示的内容。

表2

其中，上述预设图像库中与图像对应的多媒体资源可以为一些插图图片或flash图片，也可以为一些音乐或特定的声音等音效资源，还可以为一些特效资源，当然也可以同时包含多者。

利用上面表2所示的预设图像库对上述图像内容“彩虹”进行匹配，得到匹配图像“彩虹”，获取与“彩虹”对应的多媒体资源1：“彩虹flash图片。另外，还可以获取与“彩虹”对应的多媒体资源2：“跟彩虹相关的音乐”。此外，还可以获取与“彩虹”对应的多媒体资源3：“雨水的flash效果”。其中，在获取与匹配图像对应的多媒体资源时，如若预设图像库中与该匹配图像对应的多媒体资源只有一种，那么直接获取该多媒体资源。如果与该匹配图像对应的多媒体资源有多种，则可以只获取其中的一种或多种。

在下述第三个实施例中将描述如何将获取的多媒体资源嵌入到目标图片中。比如，当获取的多媒体资源只包含多媒体资源1时，将获取的多媒体资源1替换所述目标图片中与该多媒体资源1对应的匹配图像。当获取的多媒体资源只包含多媒体资源2时，将获取的多媒体资源2添加至所述目标图片中。当获取的多媒体资源只包含多媒体资源3时，将获取的多媒体资源3添加至所述目标图片中。

当获取的多媒体资源包括多媒体资源1、多媒体资源2和多媒体资源3时，将获取的多媒体资源1替换所述目标图片中与该多媒体资源1对应的匹配图像，同时将获取的多媒体资源2和3添加至所述目标图片中。

这里，需要注意的是，当针对一张目标图片获取的多媒体资源2有多个时，可以选择一个将其添加至所述目标图片中，或将多个均添加至所述目标图片中。

当有多个多媒体资源2均添加至所述目标图片中时，多个多媒体资源2将会循环展示效果，比如，当有两首音乐同时添加至所述目标图片中时，这两首音乐将会以循环播放的方式进行展示。

当针对一张目标图片获取的多媒体资源3有多个时，可以将多个多媒体资源3均添加至所述目标图片中。其中，多个多媒体资源3产生的动画效果同时展示、各自独立，互不影响。

例如，对于上述例子，可将获取的与图像内容“彩虹”对应的多媒体资源1“彩虹flash图片”替换掉所述目标图片中的“彩虹”这个子图像。由于“彩虹flash图片”相对于普通彩虹图像，具有生动、形象、感官效果好等特点，因此替换后的目标图片会给用户耳目一新的感觉，提高了用户体验。

同时，对于上述例子，还可以将获取的多媒体资源2“跟彩虹相关的音乐”添加至所述目标图片中，以使在展示所述目标图片时能够播放相应的音乐，这样可以迅速地把用户带入到一定的场景中，使得用户迅速或直观地体会到这张目标图片中的文字所表达的心情，从而提高了用户体验。

另外，对于上述例子，还可以将获取的多媒体资源3“雨水的flash效果”添加至所述目标图片中，以使浏览器在展示所述目标图片时能够展示雨水的flash效果，如地面上流淌着雨水，这样会使得目标图片更加生动活泼，因为雨后的彩虹更美丽。如果一张图片中，空中是美丽的彩虹，而地面上却是干巴巴的，那么这样一张图片呈现的效果就不如刚刚下雨后出现的彩虹，因此为这张目标图片加上多媒体资源3“雨水的flash效果”，将会给目标图片增色不少。

当然，也可以将多媒体资源1“彩虹flash图片”、多媒体资源2“跟彩虹相关的音乐”和多媒体资源3“雨水的flash效果”中的两个或三个添加至所述目标图片中，以使在展示所述目标图片时能够实现较为完美的多媒体效果。

又如，当对目标图片进行分割得到包含“人物”、“彩虹”和“玫瑰”的图像内容时，采用上述表2所示的预设图像库对“人物”、“彩虹”和“玫瑰”进行匹配，以获取匹配图像“彩虹”和“玫瑰”以及与匹配图像“彩虹”和“玫瑰”分别对应的多媒体资源。

例如，获取与“彩虹”对应的多媒体资源1“彩虹flash图片”以及多媒体资源3“雨水的flash效果”；

获取与“玫瑰”对应的多媒体资源2“跟爱情相关的音乐”以及多媒体资源3“玫瑰花瓣抛向空中的flash效果”。

相应地，将获取的多媒体资源嵌入至所述目标图片中，包括：

将获取的与“彩虹”对应的多媒体资源1“彩虹flash图片”替换所述目标图片中的“彩虹”对象，将与“彩虹”对应的多媒体资源3“雨水的flash效果”添加至所述目标图片中，以增加所述目标图片的感官效果。同时，将获取的与“玫瑰”对应的多媒体资源2“跟爱情相关的音乐”添加至所述目标图片中，作为所述目标图片的背景音乐；将与“玫瑰”对应的多媒体资源3“玫瑰花瓣抛向空中的flash效果”添加至所述目标图片中，以提升所述目标图片的视觉效果。

相应地，服务器将嵌入多媒体资源后的目标图片发送给浏览器，以使浏览器将嵌入多媒体资源后的目标图片加载于所述浏览器显示界面中，以便于用户通过浏览器显示界面查看添加多媒体效果后的目标图片。

经过上述步骤的处理，嵌入多媒体资源后的目标图片相对于原始目标图片具有较为炫彩的展示效果，同时增加了用户对目标图片的感官认知，令用户有种较为愉悦的体验。

从上面描述可知，在本实施例所述的基于服务器的图片加载方法中，服务器首先根据目标图片的图片信息获取目标图片的边缘特征，并根据所述边缘特征对所述目标图片进行分类，以确定所述目标图片的类型，进而根据目标图片的类型，采用不同的识别方式对目标图片进行内容识别，在获知目标图片的识别结果后，采用相应的库对目标图片的识别结果进行匹配，以获得目标图片的识别结果中的匹配结果，最后根据匹配结果获取相应的多媒体资源，将获取的多媒体资源嵌入至目标图片中，并根据浏览器的标识将嵌入多媒体资源后的目标图片发送至所述浏览器，以使所述浏览器对嵌入多媒体资源后的目标图片进行展示。可见，在本实施例所述的方法中，服务器可以根据目标图片的内容为目标图片自动获取与目标图片的内容对应的多媒体资源，从而省去了用户获取并指派特定多媒体资源的麻烦，而且由于服务器获取的多媒体资源和目标图片的内容具有关联性，因而可以使得添加多媒体资源后的目标图片生动形象，合情合景，进而提高了用户体验。

本发明的第三个实施例中，基于上述第二个实施例，给出了上述步骤103的多种具体实现方式。

具体地，当上述步骤a确定所述目标图片的类型为文字类图片时，上述步骤103有如下两种实现方式。

D1：将获取的多媒体资源替换所述目标图片中与该多媒体资源对应的匹配词语。

D2：将获取的多媒体资源添加至所述目标图片。

参见上述实施例可知，当获取的与匹配词语对应的多媒体资源为多媒体资源1时，将所述多媒体资源1按照D1所述的方式替换所述目标图片中与该多媒体资源1对应的匹配词语。

当获取的与匹配词语对应的多媒体资源为多媒体资源2时，将所述多媒体资源2添加至所述目标图片。

当上述步骤a确定所述目标图片的类型为图像类图片，上述步骤102有如下两种实现方式。

E1：将获取的多媒体资源替换所述目标图片中与该多媒体资源对应的匹配图像。

E2：将获取的多媒体资源添加至所述目标图片。

参见上述实施例可知，当获取的与匹配图像对应的多媒体资源为多媒体资源1时，将所述多媒体资源1按照E1所述的方式替换所述目标图片中与该多媒体资源1对应的匹配图像。

当获取的与匹配图像对应的多媒体资源为多媒体资源2或3时，将所述多媒体资源2或3添加至所述目标图片。

参见图3，本发明的第四个实施例中，给出了上述步骤104的具体实现方式。上述步骤104根据所述浏览器的标识将嵌入多媒体资源后的目标图片发送至所述浏览器，以使所述浏览器对嵌入多媒体资源后的目标图片进行展示，具体包括如下子步骤A和B。

步骤A：将嵌入多媒体资源后的目标图片上传至图床，并获取所述嵌入多媒体资源后的目标图片在图床中的链接地址。

步骤B：根据所述浏览器的标识将所述链接地址发送至所述浏览器，以使所述浏览器基于所述链接地址对嵌入多媒体资源后的目标图片进行展示。

在本实施例中，在得到嵌入多媒体资源后的目标图片后，需要将嵌入多媒体资源后的目标图片发送给浏览器，以使浏览器对嵌入多媒体资源后的目标图片进行展示。但是若服务器直接将嵌入多媒体资源后的目标图片发送给浏览器，那么不管是服务器端还是浏览器端，数据处理压力及网络压力均比较大。因此为了优化服务器端和浏览器端性能，服务器可以将嵌入多媒体资源后的目标图片上传至图床，获取所述嵌入多媒体资源后的目标图片在图床中的链接地址，然后将该链接地址发送至浏览器，以使浏览器基于所述链接地址对嵌入多媒体资源后的目标图片进行展示。这样处理后，不论是服务器端还是浏览器端，都可以轻松完成各自的处理。例如，浏览器可以直接从所述链接地址中读取嵌入多媒体资源后的目标图片，然后进行展示。而服务器将嵌入多媒体资源后的目标图片上传至图床的操作显然要比将嵌入多媒体资源后的目标图片发送给浏览器的操作耗费较少的资源或者说较为容易的多，因为服务器与服务器之间的交互速度肯定要比服务器与浏览器之间的交互速度快的多。

参见图4，为了进一步提升用户体验，便于用户第一时间从浏览器中查看到嵌入多媒体资源后的目标图片，同时尽可能地占用较少的资源和带宽，优选地，在上述步骤A将嵌入多媒体资源后的目标图片上传至图床之前，上述步骤104还包括：

步骤A’：获取所述嵌入多媒体资源后的目标图片的缩略图。

相应地，上述步骤B包括：根据所述浏览器的标识将所述链接地址和所述缩略图发送至所述浏览器，以使所述浏览器对所述缩略图进行展示，并在所述缩略图上生成触发元素，所述触发元素用于将所述缩略图切换为基于所述链接地址对应的嵌入多媒体资源后的目标图片。

本实施例中，在得到嵌入多媒体资源后的目标图片后，先将所述嵌入多媒体资源后的目标图片进行压缩处理，得到所述嵌入多媒体资源后的目标图片的缩略图。然后根据所述浏览器的标识将所述链接地址和所述缩略图发送至所述浏览器，以使所述浏览器对所述缩略图进行展示，并在所述缩略图上生成触发元素，所述触发元素用于将所述缩略图切换为基于所述链接地址对应的嵌入多媒体资源后的目标图片。

其中，所述触发元素可以为一个具有特定形状的标识，如圆点或小手状。当用户点击所述缩略图上具有特定形状的标识时，所述触发元素即被触发，从而将所述缩略图切换为基于所述链接地址对应的嵌入多媒体资源后的目标图片。

另外，所述触发元素也可以是覆盖在所述缩略图上的透明层状结构，只要当用户点击所述缩略图时，所述触发元素即被触发，从而将所述缩略图切换为基于所述链接地址对应的嵌入多媒体资源后的目标图片。

本发明第五个实施例提供了一种基于服务器的图片加载装置，参见图5，该装置包括：接收单元51、获取单元52、嵌入单元53和发送单元54。

接收单元51，用于接收浏览器发送的针对目标图片的动画请求指令，所述动画请求指令中携带有所述浏览器的标识以及所述目标图片的图片信息；

获取单元52，用于根据所述目标图片的图片信息对所述目标图片进行内容识别，根据内容识别结果获取与所述内容识别结果对应的多媒体资源；

嵌入单元53，用于将所述多媒体资源嵌入至所述目标图片中；

发送单元54，用于根据所述浏览器的标识将嵌入多媒体资源后的目标图片发送至所述浏览器，以使所述浏览器对嵌入多媒体资源后的目标图片进行展示。

在本实施例中，所述目标图片的图片信息包括：所述目标图片的图片数据或所述目标图片的源地址。所述多媒体资源包括：音效资源和/或特效资源；其中，音效资源包括音乐和特定的声音等音效资源；所述特效资源包括flash图片和特定的flash效果等特效资源。

本实施例所述的装置，可以用于执行上述第一个实施例所述的方法，其原理和技术效果类似，此处不再详述。

参见图6，在本发明第六个实施例中，所述获取单元52进一步包括：分类模块521和获取模块522；

所述分类模块521，用于根据所述目标图片的图片信息获取目标图片的边缘特征，并根据所述边缘特征对所述目标图片进行分类，以确定所述目标图片的类型；

所述获取模块522，用于根据所述分类模块确定的目标图片的类型，对所述目标图片进行内容识别，以及根据内容识别结果获取与所述内容识别结果对应的多媒体资源。

优选地，在所述分类模块521确定所述目标图片的类型为文字类图片时，所述获取模块522，进一步用于：

根据所述目标图片的图片信息对所述目标图片进行文字识别，以获得所述目标图片的文字内容，根据关键词库对获得的文字内容进行匹配，以获取所述文字内容中的匹配词语以及与匹配词语对应的多媒体资源，所述关键词库包括：关键词与多媒体资源的对应的关系。

优选地，所述嵌入单元53，进一步用于：将获取的多媒体资源替换所述目标图片中与该多媒体资源对应的匹配词语。

优选地，所述嵌入单元53，进一步用于：将获取的多媒体资源添加至所述目标图片。

优选地，在所述分类模块521确定所述目标图片的类型为图像类图片时，所述获取模块522，进一步用于：

根据所述目标图片的图片信息对所述目标图片进行图像分割，以获得所述目标图片的图像内容，根据预设图像库对获得的图像内容进行匹配，以获取所述图像内容中的匹配图像以及与匹配图像对应的多媒体资源，所述预设图像库包括：图像与多媒体资源的对应关系。

优选地，所述嵌入单元53，进一步用于：将获取的多媒体资源替换所述目标图片中与该多媒体资源对应的匹配图像。

优选地，所述嵌入单元53，进一步用于：将获取的多媒体资源添加至所述目标图片。

本实施例所述的装置，可以用于执行上述第二或第三个实施例所述的方法，其原理和技术效果类似，此处不再详述。

参见图7，在本发明第七个实施例中，所述发送单元54进一步包括：上传模块541、第一获取模块542和发送模块543；

所述上传模块541，用于将嵌入多媒体资源后的目标图片上传至图床；

所述第一获取模块542，用于获取所述嵌入多媒体资源后的目标图片在图床中的链接地址；

所述发送模块543，用于根据所述浏览器的标识将所述链接地址发送至所述浏览器，以使所述浏览器基于所述链接地址对嵌入多媒体资源后的目标图片进行展示。

优选地，所述发送单元进一步包括：第二获取模块544；

所述第二获取模块544，用于获取所述嵌入多媒体资源后的目标图片的缩略图；

相应地，所述发送模块543，用于根据所述浏览器的标识将所述链接地址和所述缩略图发送至所述浏览器，以使所述浏览器对所述缩略图进行展示，并在所述缩略图上生成触发元素，所述触发元素用于将所述缩略图切换为基于所述链接地址对应的嵌入多媒体资源后的目标图片。

本实施例所述的装置，可以用于执行上述第四个实施例所述的方法，其原理和技术效果类似，此处不再详述。

以上实施例仅用于说明本发明的技术方案，而非对其限制；尽管参照前述实施例对本发明进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换；而这些修改或替换，并不使相应技术方案的本质脱离本发明各实施例技术方案的精神和范围。

Claims (20)

1.一种基于服务器的图片加载方法，其特征在于，包括：

接收浏览器发送的针对目标图片的动画请求指令，所述动画请求指令中携带有所述浏览器的标识以及所述目标图片的图片信息；

根据所述目标图片的图片信息对所述目标图片进行内容识别，根据内容识别结果获取与所述内容识别结果对应的多媒体资源；

将所述多媒体资源嵌入至所述目标图片中；

根据所述浏览器的标识将嵌入多媒体资源后的目标图片发送至所述浏览器，以使所述浏览器对嵌入多媒体资源后的目标图片进行展示；

其中，在所述目标图片的类型为文字类图片时，相应地，所述根据所述目标图片的图片信息对所述目标图片进行内容识别，根据内容识别结果获取与所述内容识别结果对应的多媒体资源，进一步包括：

根据所述目标图片的图片信息对所述目标图片进行文字识别，以获得所述目标图片的文字内容，根据关键词库对获得的文字内容进行匹配，以获取所述文字内容中的匹配词语以及与匹配词语对应的多媒体资源，所述关键词库包括：关键词与多媒体资源的对应的关系；

所述将所述多媒体资源嵌入至所述目标图片中，进一步包括：

将获取的多媒体资源替换所述目标图片中与该多媒体资源对应的匹配词语。

2.根据权利要求1所述的方法，其特征在于，在所述根据所述目标图片的图片信息对所述目标图片进行内容识别之前，所述方法还包括：

根据所述目标图片的图片信息获取目标图片的边缘特征，并根据所述边缘特征对所述目标图片进行分类，以确定所述目标图片的类型。

3.根据权利要求1所述的方法，其特征在于，所述将所述多媒体资源嵌入至所述目标图片中，进一步包括：

将获取的多媒体资源添加至所述目标图片。

4.根据权利要求2所述的方法，其特征在于，在所述目标图片的类型为图像类图片时，相应地，所述根据所述目标图片的图片信息对所述目标图片进行内容识别，根据内容识别结果获取与所述内容识别结果对应的多媒体资源，进一步包括：

根据所述目标图片的图片信息对所述目标图片进行图像分割，以获得所述目标图片的图像内容，根据预设图像库对获得的图像内容进行匹配，以获取所述图像内容中的匹配图像以及与匹配图像对应的多媒体资源，所述预设图像库包括：图像与多媒体资源的对应关系。

5.根据权利要求4所述的方法，其特征在于，所述将所述多媒体资源嵌入至所述目标图片中，进一步包括：

将获取的多媒体资源替换所述目标图片中与该多媒体资源对应的匹配图像。

6.根据权利要求4所述的方法，其特征在于，所述将所述多媒体资源嵌入至所述目标图片中，进一步包括：

将获取的多媒体资源添加至所述目标图片。

7.根据权利要求1所述的方法，其特征在于，所述根据所述浏览器的标识将嵌入多媒体资源后的目标图片发送至所述浏览器，以使所述浏览器对嵌入多媒体资源后的目标图片进行展示，进一步包括：

将嵌入多媒体资源后的目标图片上传至图床，并获取所述嵌入多媒体资源后的目标图片在图床中的链接地址；

根据所述浏览器的标识将所述链接地址发送至所述浏览器，以使所述浏览器基于所述链接地址对嵌入多媒体资源后的目标图片进行展示。

8.根据权利要求7所述的方法，在所述将嵌入多媒体资源后的目标图片上传至图床之前，所述方法还包括：

获取所述嵌入多媒体资源后的目标图片的缩略图；

所述根据所述浏览器的标识将所述链接地址发送至所述浏览器，以使所述浏览器基于所述链接地址实现对嵌入多媒体资源后的目标图片进行展示，进一步包括：

根据所述浏览器的标识将所述链接地址和所述缩略图发送至所述浏览器，以使所述浏览器对所述缩略图进行展示，并在所述缩略图上生成触发元素，所述触发元素用于将所述缩略图切换为基于所述链接地址对应的嵌入多媒体资源后的目标图片。

9.根据权利要求1所述的方法，所述目标图片的图片信息包括：所述目标图片的图片数据或所述目标图片的源地址。

10.根据权利要求1~9任一项所述的方法，所述多媒体资源包括：音效资源和/或特效资源。

11.一种基于服务器的图片加载装置，其特征在于，包括：

接收单元，用于接收浏览器发送的针对目标图片的动画请求指令，所述动画请求指令中携带有所述浏览器的标识以及所述目标图片的图片信息；

获取单元，用于根据所述目标图片的图片信息对所述目标图片进行内容识别，根据内容识别结果获取与所述内容识别结果对应的多媒体资源；

嵌入单元，用于将所述多媒体资源嵌入至所述目标图片中；

发送单元，用于根据所述浏览器的标识将嵌入多媒体资源后的目标图片发送至所述浏览器，以使所述浏览器对嵌入多媒体资源后的目标图片进行展示；

其中，所述获取单元进一步包括：分类模块；

在所述分类模块确定所述目标图片的类型为文字类图片时，

所述获取模块，进一步用于：

根据所述目标图片的图片信息对所述目标图片进行文字识别，以获得所述目标图片的文字内容，根据关键词库对获得的文字内容进行匹配，以获取所述文字内容中的匹配词语以及与匹配词语对应的多媒体资源，所述关键词库包括：关键词与多媒体资源的对应的关系；

所述嵌入单元，进一步用于：将获取的多媒体资源替换所述目标图片中与该多媒体资源对应的匹配词语。

12.根据权利要求11所述的装置，所述获取单元进一步包括：获取模块；

所述分类模块，用于根据所述目标图片的图片信息获取目标图片的边缘特征，并根据所述边缘特征对所述目标图片进行分类，以确定所述目标图片的类型；

所述获取模块，用于根据所述分类模块确定的目标图片的类型，对所述目标图片进行内容识别，以及根据内容识别结果获取与所述内容识别结果对应的多媒体资源。

13.根据权利要求11所述的装置，所述嵌入单元，进一步用于：将获取的多媒体资源添加至所述目标图片。

14.根据权利要求12所述的装置，在所述分类模块确定所述目标图片的类型为图像类图片时，

所述获取模块，进一步用于：

根据所述目标图片的图片信息对所述目标图片进行图像分割，以获得所述目标图片的图像内容，根据预设图像库对获得的图像内容进行匹配，以获取所述图像内容中的匹配图像以及与匹配图像对应的多媒体资源，所述预设图像库包括：图像与多媒体资源的对应关系。

15.根据权利要求14所述的装置，所述嵌入单元，进一步用于：将获取的多媒体资源替换所述目标图片中与该多媒体资源对应的匹配图像。

16.根据权利要求14所述的装置，所述嵌入单元，进一步用于：将获取的多媒体资源添加至所述目标图片。

17.根据权利要求11所述的装置，所述发送单元，进一步包括：上传模块、第一获取模块和发送模块；

所述上传模块，用于将嵌入多媒体资源后的目标图片上传至图床；

所述第一获取模块，用于获取所述嵌入多媒体资源后的目标图片在图床中的链接地址；

所述发送模块，用于根据所述浏览器的标识将所述链接地址发送至所述浏览器，以使所述浏览器基于所述链接地址对嵌入多媒体资源后的目标图片进行展示。

18.根据权利要求17所述的装置，所述发送单元进一步包括：第二获取模块；

所述第二获取模块，用于获取所述嵌入多媒体资源后的目标图片的缩略图；

相应地，所述发送模块，用于根据所述浏览器的标识将所述链接地址和所述缩略图发送至所述浏览器，以使所述浏览器对所述缩略图进行展示，并在所述缩略图上生成触发元素，所述触发元素用于将所述缩略图切换为基于所述链接地址对应的嵌入多媒体资源后的目标图片。

19.根据权利要求11所述的装置，所述目标图片的图片信息包括：所述目标图片的图片数据或所述目标图片的源地址。

20.根据权利要求11~19任一项所述的装置，所述多媒体资源包括：音效资源和/或特效资源。

Images