CN106878145A - 一种自定义图片的显示方法、显示装置及显示系统 - Google Patents

Abstract

本申请提供了一种自定义图片显示方法，属于计算机技术领域，解决了现有技术中对方客户端无法还原显示原自定义图片的问题。所述方法包括：当识别到待显示信息的编码中包含自定义图片编码时，获取所述自定义图片编码；然后，根据所述自定义图片编码，通过预设图片服务器获取所述自定义图片编码对应的自定义图片；最后，显示所述编码对应的包括自定义图片的待显示信息。本申请公开的方法，通过将自定义图片存储在公共的图片服务器上，不同客户端从所述图片服务器获取自定义图片进行显示，保证了不同客户端显示的同一个自定义图片的一致性。

Description

一种自定义图片的显示方法、显示装置及显示系统

技术领域

本申请涉及计算机技术领域，特别是涉及一种自定义图片的显示方法、装置及显示系统。

背景技术

随着互联网的普及应用，尤其是移动互联网的大规模应用，越来越多的用户通过网络进行信息传播，如通过即时通信软件聊天、发微信朋友圈、发微博等。同时，越来越多的用户希望在自己发布的信息中插入个性化的图片，如自定义图片。但是，现有技术中的即时通信软件或微信朋友圈、微博等平台仅能显示用户在本平台上自定义的图片。例如，用户在移动端即时通信软件上自定义图片，发送给好友后，好友在PC端即时通信软件上无法显示该图片，或者显示为其他图片。

综上所述，现有技术中在显示自定义图片时，至少存在对方客户端无法还原显示原自定义图片的问题。

发明内容

本申请实施例提供一种自定义图片的显示方法，用于解决现有技术中对方客户端无法还原显示原自定义图片的问题。

为了解决上述问题，本申请实施例公开了一种自定义图片的显示方法，包括：

当识别到待显示信息的编码中包含自定义图片编码时，获取所述自定义图片编码；

根据所述自定义图片编码，通过预设图片服务器获取所述自定义图片编码对应的自定义图片；

显示所述编码对应的包括自定义图片的待显示信息。

相应的，本申请实施例公开了一种自定义图片的显示装置，包括：

编码获取模块，用于当识别到待显示信息的编码中包含自定义图片编码时，获取所述自定义图片编码；

自定义图片获取模块，用于根据所述编码获取模块获取的自定义图片编码，通过预设图片服务器获取所述自定义图片编码对应的自定义图片；

显示模块，用于显示所述编码对应的包括自定义图片的待显示信息。

相应的，本申请实施例还公开了一种自定义图片显示系统，所述系统包括：图片服务器和至少一个客户端，

所述图片服务器用于，根据客户端发送的保存自定义图片的请求，生成所述自定义图片的自定义图片编码，并保存所述自定义图片及相应的自定义图片编码；

所述图片服务器还用于，根据客户端发送的自定义图片编码反馈相应的自定义图片的信息；

所述客户端运行本申请实施例所述的自定义图片的显示方法显示自定义图片。

本申请实施例公开的自定义图片的显示方法，通过当识别到待显示信息的编码中包含自定义图片编码时，获取所述自定义图片编码；然后，根据所述自定义图片编码，通过预设图片服务器获取所述自定义图片编码对应的自定义图片；最后，显示所述编码对应的包括自定义图片的待显示信息，解决了现有技术中对方客户端无法还原显示原自定义图片的问题。通过将自定义图片存储在公共的图片服务器上，不同客户端从所述图片服务器获取自定义图片进行显示，保证了不同客户端显示的同一个自定义图片的一致性。

附图说明

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

图1是本申请实施例一的自定义图片的显示方法流程图；

图2是本申请实施例二的自定义图片的显示方法流程图；

图3是本申请实施例三的自定义图片显示装置的结构示意图；

图4是本申请实施例四的自定义图片显示系统结构示意图。

具体实施方式

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

实施例一：

本申请实施例公开的一种自定义图片的显示方法，如图1所示，该方法包括步骤100至步骤120。

步骤100，当识别到待显示信息的编码中包含自定义图片编码时，获取所述自定义图片编码。

当客户端接收到一条待显示信息的编码后，首先对所述待显示信息的编码进行解析、识别，以便进行显示。具体实施时，所述待显示信息的编码可以是客户端本地的输入法输入的文本和图片的编码，也可以是接收到的对方客户端发送的即时通信消息或邮件等的编码。

客户端对接收到的待显示信息的编码依次进行识别时，如果识别到预设符号的编码，如“\e”的编码，则进一步获取“\e”后面预设字符长度；当识别到待显示信息的编码中包含预设符号的编码时，获取所述预设长度的字符，作为自定义图片编码。之后，再继续解析所述自定义图片编码之后的其他编码。

步骤110，根据所述自定义图片编码，通过预设图片服务器获取所述自定义图片编码对应的自定义图片。

然后，客户端根据获取的所述自定义图片编码，获取所述自定义图片编码对应的自定义图片。具体实施时，客户端可以首先遍历本地存储的图片中是否包括该自定义编码对应的自定义图片。如果客户端本地没有存储该自定义编码对应的自定义图片，则客户端通过预设图片服务器获取所述自定义图片编码对应的自定义图片。例如：客户端将所述自定义图片编码发送至预设图片服务器，然后，接收所述预设图片服务器发送的所述自定义图片编码对应的自定义图片；或者，客户端根据所述自定义图片编码和预设图片服务器的地址，按照预设规则生成所述自定义图片编码对应的自定义图片的存储地址，之后，访问所述自定义图片的地址以获取所述自定义图片编码对应的自定义图片；或者，将所述自定义图片编码发送至预设图片服务器之后，接收所述预设图片服务器发送的所述自定义图片编码对应的自定义图片的存储地址；之后，访问所述自定义图片的地址以获取所述自定义图片编码对应的自定义图片。

具体实施时，预设图片服务器根据各客户端保存自定义图片的请求，预先存储了各客户端保存自定义图片，并建立了每个自定义图片和自定义图片编码得意一一对应关系。

步骤120，显示所述编码对应的包括自定义图片的待显示信息。

客户端对待显示信息的编码进行解析之后，将得到文本字符的编码和自定义图片的编码，以及自定义图片的数据文件。然后，进一步调用字符显示模块根据得到的文本字符的编码进行字符串显示，以及，调用图片显示模块对获取的自定义图片进行显示。

本申请实施例公开的自定义图片的显示方法，通过当识别到待显示信息的编码中包含自定义图片编码时，获取所述自定义图片编码；然后，根据所述自定义图片编码，通过预设图片服务器获取所述自定义图片编码对应的自定义图片；最后，显示所述编码对应的包括自定义图片的待显示信息，解决了现有技术中对方客户端无法还原显示原自定义图片的问题。通过将自定义图片存储在公共的图片服务器上，不同客户端从所述图片服务器获取自定义图片进行显示，保证了不同客户端显示的同一个自定义图片的一致性。

实施例二：

为了更清楚地说明本申请自定义图片显示方法的技术方案，本实施例结合具体应用场景对一种自定义图片的显示方法进行详细说明。如图2所示，该方法包括步骤200至步骤260。

步骤200，预设图片服务器接收第一客户端发送的保存自定义图片的请求。

具体实施时，首先设置一个公用图片服务器，用于根据客户端存储自定义图片的请求为每个自定义图片生成一个唯一的标识，并将该自定义图片存储在图片服务器本地存储空间。当客户端编辑完自定义图片后，若要保存所述自定义图片，则通过输入法或者其他应用程序，通过HTTP协议等向预设图片服务器发送保存自定义图片的请求。图片服务器根据客户端发送的请求生成所述自定义图片对应的自定义图片编码，并对所述自定义图片进行保存。

步骤210，预设图片服务器根据所述保存自定义图片的请求，生成所述自定义图片对应的自定义图片编码，并存储所述自定义图片。

具体实施时，所述自定义图片编码由所述预设图片服务器根据保存所述自定义图片的请求生成。所述保存所述自定义图片的请求包括：自定义图片的内容数据；或所述自定义图片包括的素材图片的编码，以及各素材图片的排列位置信息。

具体实施时，图片服务器不断监听网络接口，接收客户发送的指令。当图片服务器接收到客户端发送的保存自定义图片的请求时，图片服务器首先采用如哈希算法等现有技术中的方法为每一个自定义图片生成一个唯一的标识(ID)，并在每个标识之前按照编码标准添加字符编码头，以生成所述自定义图片的自定义图片编码。具体实施时，自定义图片编码为一个预设长度字节的字符串，通常自定义图片编码由三部分组成，前2个字节字符为保留字符；第三、第四个字节字符为国家编码缩写，遵循ISO-alpha2的标准；接下来预设长度字节的字符为所述自定义图片编码的ID(标识)值。例如自定义图片编码：00CNabc7！u，其中，前2个字节“00”为保留字符；第三、第四个字节“CN”为国家编码缩写，遵循ISO-alpha2的标准；接下来6个字节“abc7！u”为所述自定义图片编码的ID(标识)值。具体实施时，自定义图片编码的ID(标识)值不限于6个，还可以为其他数量的字符。即所述自定义图片编码的长度不限于10个字节，还可以为大于4个字节的其他长度。

然后，图片服务器存储所述自定义图片，并建立所述自定义图片和该自定义图片编码的对应关系，例如：建立自定义图片存储地址和该自定义图片编码的映射表；或者，以该自定义图片编码作为所述自定义图片的文件名。优选的，所述自定义图片编码存储在相应自定义图片的文件末尾的预设位置。

以所述保存所述自定义图片的请求包括：自定义图片的内容数据为例，图片服务器接收到所述保存所述自定义图片的请求之后，对所述请求进行数据解析，获取自定义图片的内容数据，并生成PNG或JPG等格式的图片文件，同时，将该自定义图片的自定义图片编码写入到相应图片文件的末尾。以PNG或JPG格式的图片文件为例，图片文件的存储格式依次包括：文件头、文件长度、图片内容、结束符和保留字节。本申请将自定义图片编码下载该自定义图片文件的结束符后的保留字节的位置，既能够保证自定义图片文件的正常读取和解析，还不占用额外的存储空间来存储该自定义图片的编码以及自定义图片和编码的对应关系。本实施例中仅以PNG和JPG格式的图片文件进行说明，具体实施时，具有保留字节的图片文件格式同样适用于本申请的自定义图片编码的存储方式，此处不一一例举。

若所述保存所述自定义图片的请求包括：所述自定义图片包括的素材图片的编码，以及各素材图片的排列位置信息，如：各素材图片的旋转，平移，缩放的最终变换矩阵。图片服务器接收到所述保存所述自定义图片的请求之后，对所述请求进行数据解析，获取构成所述自定义图片素材图片的编码，并在本地存储空间查找并读取各素材图片的图片文件，然后，根据所述请求中制定的各素材图片的排列位置对个素材图片的图片内容进行拼接，生成一个完整的自定义图片的内容数据，并进一步生成PNG或JPG等格式的图片文件，同时，将该自定义图片的自定义图片编码写入到相应图片文件的末尾。本实施例尤其适用于根据素材图片合成个性化图片的应用场景，能提供更好的用户体验。如果上传素材图片文件，则通常为几十KB字节大小，并且随着图片尺寸与色彩度的增加，图片文件大小会指数倍增长，因此图片传输时间会较长；而上传素材图片的编码，以及各素材图片的排列位置信息通常只占用很小的网络流量，通常为2至3KB大小，在当前网络环境下，传输时间可以忽略，极大提升了用户体验。

具体实施时，为了适应不同类型的客户端，图片服务器在接收到客户端发送的保存自定义图片的请求后，会生成多个尺寸的自定义图片，多个尺寸的自定义图片对应同一个自定义图片编码，然后，将多个尺寸的自定义图片存储在不同子目录下，或者，通过设置不同的扩展名存储在同一个目录下。

步骤220，预设图片服务器将所述自定义图片编码发送至所述第一客户端。

在生成了自定义图片的编码，并成功存储所述自定义图片之后，图片服务器将所述自定义图片编码反馈给至所述第一客户端。所述第一客户端可以将该自定义图片的编码写入到正在编辑的信息中，以便发给其他客户端；所述第一客户端还可以向所述预设图片服务器发送访问请求，读取所述图片服务器存储的所述自定义文件，便于在本地对图片进行操作。

步骤230，所述第一客户端发送包含自定义图片编码的信息至第二客户端。

当所述第一客户端编辑一条带有自定义图片的信息时，在所述第一客户端选择自定义图片并完成插入后，所述第一客户端的编辑器通过读取插入的自定义图片的图片文件中的自定义图片编码，并将预设字符(如：“\e”)和读取的所述自定义图片编码(如：00CNabc7！u)插入至当前编辑位置，生成所述第一客户端编辑的信息的编码流。当第一客户端发送包含自定义图片编码的信息至第二客户端时，实际上，所述第一客户端发送包含自定义图片编码的信息的编码流至第二客户端。

步骤240，当所述第二客户端识别到待显示信息的编码中包含自定义图片编码时，获取所述自定义图片编码。

所述当识别到待显示信息的编码中包含自定义图片编码时，获取所述自定义图片编码，包括：识别待显示信息的编码中的预设符号的编码；当识别到待显示信息的编码中包含预设符号的编码时，获取所述预设符号的编码后面预设长度字节数据作为自定义图片编码。具体实施时，所述预设符号可以为：\e,还可以为其他保留字符，如：\#等。

所述第二客户端收到的为待显示信息的编码，其中包括依次排列文本字符和自定义图片的编码。所述第二客户端首先对所述待显示信息的编码进行识别，当识别到预设字符(如：“\e”)时，进一步提取所述预设字符后面的预设长度字节，如10个字节，作为自定义图片编码。

步骤250，根据所述自定义图片编码，通过预设图片服务器获取所述自定义图片编码对应的自定义图片。

所述自定义图片编码对应的自定义图片预先存储在所述预设图片服务器。所述根据所述自定义图片编码，通过预设图片服务器获取所述自定义图片可以包括以下任意一种方式。

第一种，将所述自定义图片编码发送至预设图片服务器之后，接收所述预设图片服务器发送的所述自定义图片编码对应的自定义图片。所述第二客户端将所述自定义图片编码发送至预设图片服务器，所述预设图片服务器根据在本地存储的图片文件中查找与所述自定义图片编码对应的自定义图片文件，并将查找到的自定义图片文件发回给发送所述所述自定义图片编码的第二客户端。

第二种，根据所述自定义图片编码和预设图片服务器的地址生成所述自定义图片编码对应的自定义图片的地址之后，访问所述自定义图片的地址以获取所述自定义图片编码对应的自定义图片。所述第二客户端根据所述自定义图片编码和预设图片服务器的地址，按照预设规则生成所述自定义图片编码对应的自定义图片的地址，然后，直接访问生成的所述地址，并读取所述自定义图片编码对应的图片。例如，图片服务器将自定义图片存储在本地root1目录下，文件名为该自定义图片的编码，则第二客户端根据所述自定义图片编码和预设图片服务器的地址，生成一个链接，如：预设图片服务器的地址\\root\自定义图片编码.JPG,然后直接读取该文件。

第三种，将所述自定义图片编码发送至预设图片服务器之后，接收所述预设图片服务器发送的所述自定义图片编码对应的自定义图片的存储地址；访问所述自定义图片的存储地址以获取所述自定义图片编码对应的自定义图片。第二客户端将所述自定义图片编码发送至预设图片服务器之后，接收所述预设图片服务器发送的所述自定义图片编码对应的自定义图片的存储地址；然后，所述第二客户端进一步访问所述自定义图片的存储地址，读取所述自定义图片编码对应的自定义图片。

具体实施时，客户端可以首先遍历本地存储的图片中是否包括该自定义编码对应的自定义图片。如果客户端本地没有存储该自定义编码对应的自定义图片，则客户端通过预设图片服务器获取所述自定义图片编码对应的自定义图片。

步骤260，显示所述编码对应的包括自定义图片的待显示信息。

第二客户端调用字符显示模块根据得到的文本字符的编码进行字符串显示，以及，调用图片显示模块对获取的自定义图片进行显示。

具体实施时，鉴于网络速度可能不稳定，为了避免由于获取自定义图片速度较慢导致的待显示消息不能及时显示的问题，对消息显示和图片请求采用异步处理。即在当所述第二客户端识别到待显示信息的编码中包含自定义图片编码时，调用字符显示模块根据得到的文本字符的编码进行字符串显示，以及，调用图片显示模块显示预设图片进行占位，同时，启动一个更新所述预设图片的线程，用于通过所述预设图片服务器获取所述自定义图片编码对应的自定义图片。当更新所述预设图片的线程将所述自定义图片编码对应的自定义图片下载到本地时，再调用图片显示模块在显示预设图片的位置显示所述自定义图片。

本申请实施例公开的自定义图片的显示方法，通过预先设置图片服务器用于存储自定义图片并为自定义图片生成唯一的自定义图片编码，然后，客户端将待显示的自定义图片的编码发送至所述图片服务器，以获取所述自定义图片编码对应的图片文件，并进行显示，解决了现有技术中对方客户端无法还原显示原自定义图片的问题。通过将自定义图片存储在公共的图片服务器上，不同客户端从所述图片服务器获取自定义图片进行显示，保证了不同客户端显示的同一个自定义图片的一致性。

实施例三：

相应的，本申请实施例还公开了一种自定义图片的显示装置，如图3所示，包括：

编码获取模块300，用于当识别到待显示信息的编码中包含自定义图片编码时，获取所述自定义图片编码；

自定义图片获取模块310，用于根据所述编码获取模块300获取的自定义图片编码，通过预设图片服务器获取所述自定义图片编码对应的自定义图片；

显示模块320，用于显示所述编码对应的包括自定义图片的待显示信息。

可选的，所述自定义图片编码对应的自定义图片预先存储在所述预设图片服务器；所述自定义图片编码存储在相应自定义图片的文件末尾的预设位置。

可选的，所述自定义图片编码由所述预设图片服务器根据保存所述自定义图片的请求生成。

可选的，所述保存所述自定义图片的请求包括：自定义图片的内容数据；或所述自定义图片包括的素材图片的编码，以及各素材图片的排列位置信息。

在客户端保存自定义图片时，对于拼接图片，通过仅上传素材图片的编码，以及各素材图片的排列位置信息，通常只占用很小的网络流量，极大提升了用户体验。

可选的，所述编码获取模块300包括：

预设符号识别单元(图中未示出)，用于识别待显示信息的编码中的预设符号的编码；

编码获取单元(图中未示出)，用于当识别到待显示信息的编码中包含预设符号的编码时，获取所述预设符号的编码后面预设长度字节数据作为自定义图片编码。

可选的，所述预设符号包括：\e、\#等。

本申请实施例公开的自定义图片的显示装置，通过当识别到待显示信息的编码中包含自定义图片编码时，获取所述自定义图片编码；然后，根据所述自定义图片编码，通过预设图片服务器获取所述自定义图片编码对应的自定义图片；最后，显示所述编码对应的包括自定义图片的待显示信息，解决了现有技术中对方客户端无法还原显示原自定义图片的问题。通过将自定义图片存储在公共的图片服务器上，不同客户端从所述图片服务器获取自定义图片进行显示，保证了不同客户端显示的同一个自定义图片的一致性。

实施例四：

相应的，本申请实施例还公开了一种自定义图片的显示系统，如图4所示，所述系统包括：图片服务器400和至少一个客户端410，

所述图片服务器用于，根据客户端410发送的保存自定义图片的请求，生成所述自定义图片的自定义图片编码，并保存所述自定义图片及相应的自定义图片编码；

所述图片服务器还用于，根据客户端410发送的自定义图片编码反馈相应的自定义图片的信息；

所述客户端410运行本申请实施例一和实施例二所述的自定义图片显示方法显示自定义图片。

本申请实施例公开的自定义图片的显示系统，通过设置公用的图片服务器，将各客户端自定义的图片放在图片服务器进行统一存储和管理，解决了现有技术中对方客户端无法还原显示原自定义图片的问题。通过将自定义图片存储在公共的图片服务器上，不同客户端从所述图片服务器获取自定义图片进行显示，保证了不同客户端显示的同一个自定义图片的一致性。

本说明书中的各个实施例均采用递进的方式描述，每个实施例重点说明的都是与其他实施例的不同之处，各个实施例之间相同相似的部分互相参见即可。对于装置实施例而言，由于其与方法实施例基本相似，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。

以上对本申请对提供的一种自定义图片显示方法、装置及显示系统进行了详细介绍，本文中应用了具体个例对本申请的原理及实施方式进行了阐述，以上实施例的说明只是用于帮助理解本申请的方法及其核心思想；同时，对于本领域的一般技术人员，依据本申请的思想，在具体实施方式及应用范围上均会有改变之处，综上所述，本说明书内容不应理解为对本申请的限制。

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

Claims (10)

1.一种自定义图片的显示方法，其特征在于，包括：

当识别到待显示信息的编码中包含自定义图片编码时，获取所述自定义图片编码；

根据所述自定义图片编码，通过预设图片服务器获取所述自定义图片编码对应的自定义图片；

显示所述编码对应的包括自定义图片的待显示信息。

2.如权利要求1所述的方法，其特征在于，所述自定义图片编码对应的自定义图片预先存储在所述预设图片服务器；所述自定义图片编码存储在相应自定义图片的文件末尾的预设位置。

3.如权利要求2所述的方法，其特征在于，所述自定义图片编码由所述预设图片服务器根据保存所述自定义图片的请求生成。

4.如权利要求3所述的方法，其特征在于，所述保存所述自定义图片的请求包括：自定义图片的内容数据；或所述自定义图片包括的素材图片的编码，以及各素材图片的排列位置信息。

5.如权利要求1至4任一项所述的方法，其特征在于，所述当识别到待显示信息的编码中包含自定义图片编码时，获取所述自定义图片编码的步骤，包括：

识别待显示信息的编码中的预设符号的编码；

当识别到待显示信息的编码中包含预设符号的编码时，获取所述预设符号的编码后面预设长度字节数据作为自定义图片编码。

6.一种自定义图片的显示装置，其特征在于，包括：

编码获取模块，用于当识别到待显示信息的编码中包含自定义图片编码时，获取所述自定义图片编码；

自定义图片获取模块，用于根据所述编码获取模块获取的自定义图片编码，通过预设图片服务器获取所述自定义图片编码对应的自定义图片；

显示模块，用于显示所述编码对应的包括自定义图片的待显示信息。

7.如权利要求6所述的装置，其特征在于，所述自定义图片编码对应的自定义图片预先存储在所述预设图片服务器；所述自定义图片编码存储在相应自定义图片的文件末尾的预设位置。

8.如权利要求7所述的装置，其特征在于，所述自定义图片编码由所述预设图片服务器根据保存所述自定义图片的请求生成。

9.如权利要求8所述的装置，其特征在于，所述保存所述自定义图片的请求包括：自定义图片的内容数据；或所述自定义图片包括的素材图片的编码，以及各素材图片的排列位置信息。

10.一种自定义图片显示系统，其特征在于，所述系统包括：图片服务器和至少一个客户端，

所述图片服务器用于，根据客户端发送的保存自定义图片的请求，生成所述自定义图片的自定义图片编码，并保存所述自定义图片及相应的自定义图片编码；

所述图片服务器还用于，根据客户端发送的自定义图片编码反馈相应的自定义图片的信息；

所述客户端运行如权利要求1至5任一项所述的自定义图片显示方法显示自定义图片。