[发明专利]网页图像展示方法和系统

说明书

【技术领域】

本发明涉及互联网技术，尤其涉及一种网页图像展示方法和系统。

【背景技术】

浏览器打开图像通常需要一个网页地址(URL)，通过URL获取服务器上的图片文件，也可获取本地存储的图片文件。当需要通过网页展现实时捕获的截图或用户使用工具编辑过的图像时，传统的做法通常是将图像数据转换为二进制形式的图片文件，并将二进制形式的图片文件传输到服务器或存储在本地，然后通过浏览器获取二进制形式的图片文件并还原为图像。

由于网页中的脚本程序不支持二进制数据类型，传统的这种网页图像展示方法，浏览器将图像以二进制形式下载下来后，需转换成一个网页中的对象，且由于下载过程不可控，若在下载过程需干预浏览器默认的展示过程(例如需重新设置图片的长宽或者使图片淡入淡出)，则在下载过程中需先创建一个不可见的图片对象，等待对象下载完成后再进行展示，实现起来比较复杂。且由于需将图像数据以二进制形式传输到服务器或存储在本地，因此增加了网络和磁盘读写的开销，从而也增加了处理成本和响应时间。

【发明内容】

基于此，有必要提供一种能减少处理成本和响应时间的网页图像展示方法。

一种网页图像展示方法，包括以下步骤：获取图像数据，对图像数据进行处理得到字符串数据；将所述字符串数据传输给浏览器；通过浏览器将所述字符串数据还原为图像并展示。

此外，还有必要提供一种能减少处理成本和响应时间的网页图像展示系统。

一种网页图像展示系统，包括：第三方应用，用于获取图像数据，对图像数据进行处理得到字符串数据，以及将所述字符串数据传输给浏览器；浏览器，用于将所述字符串数据还原为图像并展示。

上述网页图像展示方法和系统，通过将图像数据转换为网页中的脚本程序支持的字符串数据，使得图像不需要上传到服务器或存储到本地，就能直接传输给浏览器并通过浏览器进行展示，减少了网络及磁盘读写的开销，从而减少了处理成本和响应时间。

【附图说明】

图1为本发明网页图像展示方法的原理图。

图2为一个实施例中网页图像展示方法的流程示意图；

图3为图2中步骤S102的流程示意图；

图4为图2中步骤S106的流程示意图；

图5为一个实施例中网页图像展示系统的结构示意图；

图6为一个实施例中第三方应用的内部示意图。

【具体实施方式】

如图1所示，本发明通过对图像数据进行处理得到字符串数据，将字符串数据传输给浏览器，再通过浏览器将字符串数据还原为图像并在网页中展示。由于网页的脚本程序支持字符串数据，图像不需要再以二进制文件形式传输到服务器或存储在本地，因此能减少网络和磁盘读写开销，从而减少了处理成本和响应时间。

在一个实施例中，如图2所示，一种网页图像展示方法，包括以下步骤：

步骤S102，获取图像数据，对图像数据进行处理得到字符串数据。

如图3所示，在一个实施例中，步骤S102的具体过程为：

步骤S112，获取图像数据，对图像数据进行编码，得到编码后的字符串图像数据。

具体的，可采用标准的URL编码规则对图像数据进行编码。优选的，还可采用标准的base64编码规则对图像数据进行编码。由于base64编码压缩率高，因此通过base64编码后的得到的字符串图像数据很短，数据传输量小。

步骤S122，将编码后的字符串图像数据转换为数据URI形式的字符串数据。

在一个实施例中，该数据URI形式的字符串数据包括：协议名称、图像的文件类型、编码方式和编码后的字符串图像数据。具体的，可按照数据URI(即Data URI，一种数据描述协议)的格式进行转换。例如，图片文件对应的数据URI的格式为：

data：[<mime type>][；base64]，<encoded data>

其中，data为协议名称，<mime type>表示图像的文件类型(例如jpg格式图片文件对应“image/jpeg”)，[；base64]表示使用了base64编码，<encoded data>为编码后的字符串图像数据。

对某一个图像进行base64编码后得到的字符串图像数据为：