《网页图像展示方法和系统.pdf》由会员分享，可在线阅读，更多相关《网页图像展示方法和系统.pdf（9页珍藏版）》请在专利查询网上搜索。
1、(10)申请公布号 CN 103177015 A(43)申请公布日 2013.06.26CN103177015A*CN103177015A*(21)申请号 201110435827.1(22)申请日 2011.12.22G06F 17/30(2006.01)(71)申请人腾讯科技（深圳）有限公司地址 518044 广东省深圳市福田区振兴路赛格科技园2栋东403室(72)发明人于涛(74)专利代理机构广州华进联合专利商标代理有限公司 44224代理人何平 曾旻辉(54) 发明名称网页图像展示方法和系统(57) 摘要本发明提供了一种网页图像展示方法和系统，所述方法包括：获取图像数据，对图像数据进行。
2、处理得到字符串数据；将所述字符串数据传输给浏览器；通过浏览器将所述字符串数据还原为图像并展示。所述系统包括：第三方应用，用于获取图像数据，对图像数据进行处理得到字符串数据，以及将所述字符串数据传输给浏览器；浏览器，用于将所述字符串数据还原为图像并展示。采用本发明，能减少处理成本和响应时间。(51)Int.Cl.权利要求书1页 说明书4页 附图3页(19)中华人民共和国国家知识产权局(12)发明专利申请权利要求书1页 说明书4页 附图3页(10)申请公布号 CN 103177015 ACN 103177015 A1/1页21.一种网页图像展示方法，包括以下步骤：获取图像数据，对图像数据进行处理得。
3、到字符串数据；将所述字符串数据传输给浏览器；通过浏览器将所述字符串数据还原为图像并展示。2.根据权利要求1所述的网页图像展示方法，其特征在于，所述获取图像数据，对图像数据进行处理得到字符串数据的步骤包括：获取图像数据，对图像数据进行编码，得到编码后的字符串图像数据；将所述编码后的字符串图像数据转换为数据URI形式的字符串数据。3.根据权利要求2所述的网页图像展示方法，其特征在于，所述通过浏览器将所述字符串数据还原为图像并展示的步骤包括：通过浏览器接收所述数据URI形式的字符串数据；根据所述数据URI形式的字符串数据将编码后的字符串图像数据还原为图像并展示。4.根据权利要求3所述的网页图像展示方。
4、法，其特征在于，所述数据URI形式的字符串数据包括：图像的文件类型、编码方式和编码后的字符串图像数据。5.根据权利要求1至4任一项所述的网页图像展示方法，其特征在于，所述将所述字符串数据传输给浏览器的步骤为：通过浏览器扩展接口将所述字符串数据传输给浏览器。6.一种网页图像展示系统，其特征在于，包括：第三方应用，用于获取图像数据，对图像数据进行处理得到字符串数据，以及将所述字符串数据传输给浏览器；浏览器，用于将所述字符串数据还原为图像并展示。7.根据权利要求6所述的网页图像展示系统，其特征在于，所述第三方应用包括：编码模块，用于获取图像数据，对图像数据进行编码，得到编码后的字符串图像数据；数据转。
5、换模块，用于将所述编码后的字符串图像数据转换为数据URI形式的字符串数据。8.根据权利要求7所述的网页图像展示系统，其特征在于，所述浏览器还用于接收所述数据URI形式的字符串数据，根据所述数据URI形式的字符串数据将编码后的字符串图像数据还原为图像并展示。9.根据权利要求8所述的网页图像展示系统，其特征在于，所述数据URI形式的字符串数据包括：图像的文件类型、编码方式和编码后的字符串图像数据。10.根据权利要求6至9任一项所述的网页图像展示系统，其特征在于，所述第三方应用还用于通过浏览器扩展接口将所述字符串数据传输给所述浏览器。权 利 要 求 书CN 103177015 A1/4页3网页图像展。
6、示方法和系统【 技术领域 】0001 本发明涉及互联网技术，尤其涉及一种网页图像展示方法和系统。【 背景技术 】0002 浏览器打开图像通常需要一个网页地址(URL)，通过URL获取服务器上的图片文件，也可获取本地存储的图片文件。当需要通过网页展现实时捕获的截图或用户使用工具编辑过的图像时，传统的做法通常是将图像数据转换为二进制形式的图片文件，并将二进制形式的图片文件传输到服务器或存储在本地，然后通过浏览器获取二进制形式的图片文件并还原为图像。0003 由于网页中的脚本程序不支持二进制数据类型，传统的这种网页图像展示方法，浏览器将图像以二进制形式下载下来后，需转换成一个网页中的对象，且由于下载。
7、过程不可控，若在下载过程需干预浏览器默认的展示过程(例如需重新设置图片的长宽或者使图片淡入淡出)，则在下载过程中需先创建一个不可见的图片对象，等待对象下载完成后再进行展示，实现起来比较复杂。且由于需将图像数据以二进制形式传输到服务器或存储在本地，因此增加了网络和磁盘读写的开销，从而也增加了处理成本和响应时间。【 发明内容 】0004 基于此，有必要提供一种能减少处理成本和响应时间的网页图像展示方法。0005 一种网页图像展示方法，包括以下步骤：获取图像数据，对图像数据进行处理得到字符串数据；将所述字符串数据传输给浏览器；通过浏览器将所述字符串数据还原为图像并展示。0006 此外，还有必要提供一。
8、种能减少处理成本和响应时间的网页图像展示系统。0007 一种网页图像展示系统，包括：第三方应用，用于获取图像数据，对图像数据进行处理得到字符串数据，以及将所述字符串数据传输给浏览器；浏览器，用于将所述字符串数据还原为图像并展示。0008 上述网页图像展示方法和系统，通过将图像数据转换为网页中的脚本程序支持的字符串数据，使得图像不需要上传到服务器或存储到本地，就能直接传输给浏览器并通过浏览器进行展示，减少了网络及磁盘读写的开销，从而减少了处理成本和响应时间。【 附图说明 】0009 图1为本发明网页图像展示方法的原理图。0010 图2为一个实施例中网页图像展示方法的流程示意图；0011 图3为图。
9、2中步骤S102的流程示意图；0012 图4为图2中步骤S106的流程示意图；0013 图5为一个实施例中网页图像展示系统的结构示意图；0014 图6为一个实施例中第三方应用的内部示意图。说 明 书CN 103177015 A2/4页4【 具体实施方式 】0015 如图1所示，本发明通过对图像数据进行处理得到字符串数据，将字符串数据传输给浏览器，再通过浏览器将字符串数据还原为图像并在网页中展示。由于网页的脚本程序支持字符串数据，图像不需要再以二进制文件形式传输到服务器或存储在本地，因此能减少网络和磁盘读写开销，从而减少了处理成本和响应时间。0016 在一个实施例中，如图2所示，一种网页图像展示。
10、方法，包括以下步骤：0017 步骤S102，获取图像数据，对图像数据进行处理得到字符串数据。0018 如图3所示，在一个实施例中，步骤S102的具体过程为：0019 步骤S112，获取图像数据，对图像数据进行编码，得到编码后的字符串图像数据。0020 具体的，可采用标准的URL编码规则对图像数据进行编码。优选的，还可采用标准的base64编码规则对图像数据进行编码。由于base64编码压缩率高，因此通过base64编码后的得到的字符串图像数据很短，数据传输量小。0021 步骤S122，将编码后的字符串图像数据转换为数据URI形式的字符串数据。0022 在一个实施例中，该数据URI形式的字符串数。
11、据包括：协议名称、图像的文件类型、编码方式和编码后的字符串图像数据。具体的，可按照数据URI(即Data URI，一种数据描述协议)的格式进行转换。例如，图片文件对应的数据URI的格式为：0023 data：；base64，0024 其中，data为协议名称，表示图像的文件类型(例如jpg格式图片文件对应“image/jpeg”)，；base64表示使用了base64编码，为编码后的字符串图像数据。0025 对某一个图像进行base64编码后得到的字符串图像数据为：0026 iVBORw0KGgoAAAANSUhEUgAAAFgAAABLCAYAAAD010ABAAAABHNCSVQICAgI。
12、fAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYX.。0027 则根据上述数据URI的格式将该base64编码后得到的字符串图像数据转换为数据URI形式的字符串数据为：0028 data：image/png；base64，iVBORw0KGgoAAAANSUhEUgAAAFgAAABLCAYAAAD010ABAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AA.。0029 步骤S104，将字符串数据传输给浏览器。0030 在一个实施例中，可通过浏览器扩展接口将上述数据URI形式的字符串数据传输给。
13、浏览器。浏览器扩展接口是第三方应用在浏览器上增加的、可供网页调用从而实现网页与第三方应用交互或交换数据的非标准接口。第三方应用可以是各种浏览器的控件、插件以及扩展了功能的浏览器等。通过浏览器扩展接口，第三方应用可获取图像数据，将对图像数据处理后得到的字符串数据传输到浏览器。0031 步骤S106，通过浏览器将字符串数据还原为图像并展示。0032 如图4所示，在一个实施例中，步骤S106的具体过程为：0033 步骤S116，通过浏览器接收数据URI形式的字符串数据。0034 具体的，浏览器可通过浏览器扩展接口接收数据URI形式的字符串数据。0035 步骤S126，根据数据URI形式的字符串数据将。
14、编码后的字符串图像数据还原为图说 明 书CN 103177015 A3/4页5像并展示。0036 具体的，如上所述，数据URI形式的字符串可包括图像的文件类型、编码方式和编码后的字符串图像数据。对于一些标准的浏览器，可直接将数据URI形式的字符串代替传统的URL，将该数据URI形式的字符串赋值给一个图片对象，然后浏览器根据数据URI形式的字符串的内容，将编码后的字符串图像数据还原为图像，并按照图像的文件类型将图像展示在网页中。对于其他一些非标准的浏览器，也可支持展示采用数据URI描述的图像。0037 在一个实施例中，如图5所示，一种网页图像展示系统，包括多个第三方应用10和与第三方应用进行交互。
15、的浏览器20，其中：0038 第三方应用10用于获取图像数据，对图像数据进行处理得到字符串数据，以及将字符串数据传输给浏览器20。0039 浏览器20用于将字符串数据还原为图像并展示。0040 具体的，第三方应用10可以是各种浏览器的控件、插件以及扩展了功能的浏览器等，第三方应用10可在浏览器20上增加浏览器扩展接口，通过浏览器扩展接口与浏览器20进行交互或交换数据。0041 在一个实施例中，第三方应用10还用于通过浏览器扩展接口将字符串数据传输给浏览器20。0042 进一步的，在一个实施例中，如图6所示，第三方应用10包括编码模块110和数据转换模块120，其中：0043 编码模块110用于。
16、获取图像数据，对图像数据进行编码，得到编码后的字符串图像数据。具体的，编码模块10可采用标准的URL编码规则对图像数据进行编码。优选的，还可采用标准的base64编码规则对图像数据进行编码。由于base64编码压缩率高，因此通过base64编码后的得到的字符串图像数据很短，数据传输量小。0044 数据转换模块120用于将编码后的字符串数据转换为数据URI形式的字符串数据。在一个实施例中，该数据URI形式的字符串数据包括：协议名称、图像的文件类型、编码方式和编码后的字符串图像数据。具体的，可按照数据URI(即Data URI，一种数据描述协议)的格式进行转换。0045 在一个实施例中，浏览器20。
17、还用于接收数据URI形式的字符串数据，根据数据URI形式的字符串数据将编码后的字符串图像数据还原为图像并展示。0046 具体的，如上所述，数据URI形式的字符串可包括图像的文件类型、编码方式和编码后的字符串图像数据。对于一些浏览器，可直接将数据URI形式的字符串代替传统的URL，将该数据URI形式的字符串赋值给一个图片对象，然后浏览器根据数据URI形式的字符串的内容，将编码后的字符串图像数据还原为图像，并按照图像的文件类型将图像展示在网页中。对于其他一些非标准的浏览器，也可支持展示采用数据URI描述的图像。0047 上述网页图像展示方法和系统，除了能减少处理成本和响应时间外，由于不需要将图像上。
18、传到服务器或本地，减少了网络传输和磁盘的读写次数，因此也能减少异常出现的次数。由于第三方应用可通过浏览器扩展接口直接将字符串数据传输给浏览器，因此实现起来简单有效。0048 以上所述实施例仅表达了本发明的几种实施方式，其描述较为具体和详细，但并不能因此而理解为对本发明专利范围的限制。应当指出的是，对于本领域的普通技术人员说 明 书CN 103177015 A4/4页6来说，在不脱离本发明构思的前提下，还可以做出若干变形和改进，这些都属于本发明的保护范围。因此，本发明专利的保护范围应以所附权利要求为准。说 明 书CN 103177015 A1/3页7图1图2说 明 书 附 图CN 103177015 A2/3页8图3图4图5说 明 书 附 图CN 103177015 A3/3页9图6说 明 书 附 图CN 103177015 A。