CN103179302A - 开放平台中的图片处理方法及系统 - Google Patents

Abstract

一种开放平台中的图片处理方法，包括如下步骤：读取图片数据；通过开放平台的网页页面将所述图片数据传递到桌面客户端；在所述桌面客户端中对图片数据进行处理，并回传所述处理的图片数据。上述开放平台中的图片处理方法及系统，通过开放平台的网页页面将需要处理的图片数据传递到桌面客户端，借助桌面客户端实现图片数据的处理，并将处理得到的图片数据回传到开放平台的网页页面中，由于图片数据的处理是在桌面客户端中实现的，充分利用了计算机本地的计算能力，不需要依赖Flash插件和开放平台服务器，提高了开放平台图片处理过程中的稳定性。

Description

开放平台中的图片处理方法及系统

【技术领域】

本发明涉及数据处理技术，特别是涉及一种开放平台中的图片处理方法及系统。

【背景技术】

随着各类开放平台的迅猛发展，网络应用由于具备可移植性强、开发周期短的众多优点在开放平台中扮演着重要角色，其功能也越来越丰富，越来越接近于计算机本地的应用程序。但是，在用于图片处理的网络应用中，由于受到浏览器内核的限制而无法提供更多的图片处理功能。

开放平台中进行图片处理常常需要借助于特定的插件或开放平台服务器，例如，可将Flash插件嵌入开放平台页面中，用户通过点击Flash插件载入图片，并在Flash插件中对图片进行处理，这一图片处理方式必须依赖于Flash插件，并不适用移动终端中的图片处理，不利于开放平台中图片处理的稳定运行；此外，用户也可通过将图片上传到开放平台服务器中，通过开放平台服务器对图片进行处理，开放平台服务器在完成了图片的处理之后将生成相应的下载链接，用户可通过该下载链接获取到处理后的图片，这一图片处理方式必须依赖于开放平台服务器，进而大大增加了开放平台服务器的压力，也不利于开放平台中图片处理的稳定运行。

【发明内容】

基于此，有必要提供一种能提高运行稳定性的开放平台中的图片处理方法。

此外，还有必要提供一种能提高运行稳定性的开放平台中的图片处理系统。

一种开放平台中的图片处理方法，包括如下步骤：

读取图片数据；

通过开放平台的网页页面将所述图片数据传递到桌面客户端；

在所述桌面客户端中对图片数据进行处理，并回传所述处理的图片数据。

一种开放平台中的图片处理系统，包括：

读取模块，用于读取图片数据；

数据传递模块，用于通过开放平台的网页页面将所述图片数据传递到桌面客户端；

桌面客户端，用于对图片数据进行处理，并回传所述处理的图片数据。

上述开放平台中的图片处理方法及系统，通过开放平台的网页页面将需要处理的图片数据传递到桌面客户端，借助桌面客户端实现图片数据的处理，并将处理得到的图片数据回传到开放平台的网页页面中，由于图片数据的处理是在桌面客户端中实现的，充分利用了计算机本地的计算能力，不需要依赖Flash插件和开放平台服务器，提高了开放平台图片处理过程中的稳定性。

【附图说明】

图1为一个实施例中开放平台中的图片处理方法的流程图；

图2为一个实施例中开放平台中图片处理的应用示意图；

图3为一个实施例中读取图片数据的方法流程图；

图4为另一个实施例中读取图片数据的方法流程图；

图5为一个实施例中通过开放平台的网页页面将图片数据传递到桌面客户端的方法流程图；

图6为一个实施例中在桌面客户端中对图片数据进行处理，并回传处理的图片数据；

图7为一个实施例中开放平台中的图片处理系统的结构示意图；

图8为一个实施例中读取模块的结构示意图；

图9为一个实施例中桌面客户端的结构示意图；

图10为一个实施例中数据传递模块的结构示意图；

图11为另一个实施例中桌面客户端的结构示意图。

【具体实施方式】

在一个实施例中，如图1所示，一种开放平台中的图片处理方法，包括如下步骤：

步骤S10，读取图片数据。

本实施例中，用户可通过开放平台的网页页面提供需要进行处理的图片，例如，在开放平台的网页页面中，通过应用所在的页面获取用户对图片的选定操作，并通过上传的方式将用户选定的图片传输到应用中，此时将对图片进行处理得到相应的图片数据，其中，图片数据为字符串的形式，是通过对图片进行编码等处理得到的。

步骤S30，通过开放平台的网页页面将图片数据传递到桌面客户端。

本实施例中，由于为用户提供图片处理功能的应用是存在于开放平台的网页页面中的，开放平台通过加载以网页的形式向用户展示。获取到图片数据之后通过开放平台中网页页面的接口层实现网页页面与桌面客户端之间的交互。网页页面的接口层中封装了各种处理逻辑，可用于进行开放平台中的图片数据传递。

步骤S50，在桌面客户端中对图片数据进行处理，并回传处理的图片数据。

本实施例中，接收到网页页面传递的图片数据之后，桌面客户端利用计算机本地的处理能力对图片数据进行处理，图片数据所进行的处理可以是图片美化等，由于基于计算机本地的桌面客户端拥有较高的处理能力及效率，可以为网页页面中的应用快捷地提供较为复杂的图片处理功能，并将处理好的图片数据回传到网页页面的应用中。

如图2所示，为实现开放平台中应用210对图片的处理，应用210所获取到的图片数据经由网页页面230流向桌面客户端250，通过桌面客户端250在计算机270实现了图片数据的处理，并将处理后的图片数据回传到网页页面230中，以响应该应用210中的图片处理操作，不再需要依赖于开放平台服务器，也不需要在应用210中通过Flash插件来对图片进行简单的处理，通过应用、网页页面以及桌面客户端之间不同层级的交互稳定地运行于开放平台中，并满足用户所触发的各种复杂的图片处理操作。

在一个实施例中，如图3所示，上述步骤S10的具体过程包括：

步骤S101，在网页页面的应用中获取选定的图片。

本实施例中，计算机中内嵌的浏览器内核的不同，图片数据的读取方式也各不相同。具体的，浏览器内核大致包括了Webkit内核和IE内核这两种类型，其中，浏览器中内嵌了Webkit内核的场景下，由于Webkit内核能够支持HTML5和Css3(Cascading Stylesheet，层叠样式表)，因此在获取选定的图片的过程中可以利用HTML5特征中的FileReader方法向用户弹出图片选择框，进而通过用户的选定操作得到选定的图片。

步骤S103，对选定的图片进行编码得到图片数据，并在应用所在的页面中显示选定的图片。

本实施例中，开放平台中网页页面和桌面客户端之间的交互是通过字符串实现的，因此，需要对选定的图片进行编码以得到字符串形式的图片数据，其中，对选定的图片所应用的编码方式为Base64编码方式，即将选定的图片转换为Base64编码。

在应用所在的页面中获取了选定的图片之后直接对该图片进行显示，此时，用户可在该图片的显示界面输入处理操作，进而触发对选定的图片所进行的处理。

在另一个实施例中，如图4所示，上述步骤S10的具体过程包括：

步骤S110，通过网页页面所在的浏览器获取选定的图片。

本实施例中，在浏览器中内嵌了IE内核的场景下，由于不能够提供HTML5特征中的FileReader方法，需要通过浏览器来实现待处理图片的获取，即通过桌面客户端弹出图片选择框，进而在弹出的图片选择框中获取用户对图片的选择操作，进而得到用户选定的图片。

步骤S130，对选定的图片进行编码得到图片数据，并向网页页面的应用返回选定的图片。

本实施例中，将选定的图片转换为字符串的形式，以方便图片数据的传输，此外，还需要将选定的图片回传到应用所在的页面，进行选定的图片的显示，进而触发对选定的图片的处理操作。

步骤S150，在应用所在的页面中显示选定的图片。

在另一个实施例中，上述步骤S10之前还可包括判断浏览器内核类型是否为Webkit内核，若是，则进入步骤S101，若否，则进入步骤S110。

本实施例中，通过对浏览器内核类型的判断使得开放平台能够稳定运行于各种浏览器，而不会发生兼容性问题。

在一个实施例中，如图5所示，上述步骤S30的具体过程包括：

步骤S310，获取桌面客户端的运行属性。

本实施例中，桌面客户端的运行属性包括了桌面客户端所对应的版本信息和开发平台信息，开发平台信息指示了桌面客户端所适用的运行环境，例如IOS操作系统、android操作系统等。

步骤S330，根据桌面客户端的运行属性在网页页面的接口层中选定接口分支，并调用选定的接口分支。

本实施例中，为能够运行于各种不同的开发平台中，适配不同的外部运行环境，网页页面的接口层中设置了多个接口分支，并按照桌面客户端的运行属性调用选定的接口分支，例如，若桌面客户端的运行属性为android操作系统，将选择与android操作系统对应的接口分支，并调用这一接口分支进行图片数据的传递，保证了图片数据的准确传递。通过网页页面的接口层使得开放平台能够兼容于各种不同的开发平台中，也使得应用无成本地运行于多种平台和多种终端设备，提高了可移植性。

此外，基于安全考虑，为保证开放平台的安全运行，接口层还应对接口的调用进行权限验证，以判断该应用是否有权限对该接口进行访问，若否，则返回错误提示，并禁止对该接口进行调用。

步骤S350，通过接口分支将图片数据传递到桌面客户端中。

在一个实施例中，如图6所示，上述步骤S50的具体过程包括：

步骤S510，通过桌面客户端将图片数据还原为图片。

本实施例中，将字符串形式的图片数据还原成图片，以方便对图片进行美化等处理。

步骤S530，对图片进行处理，并将处理后的图片进行编码得到处理的图片数据。

本实施例中，可根据应用所在页面中触发的处理操作对图片进行处理，并将处理得到的图片进行编码生成图片数据。桌面客户端进行图片处理的过程中，需要应用的各种处理逻辑均被封装成桌面客户端接口，只需要将接收到的图片数据传递到桌面客户端接口中即可实现图片的处理，这将使得开放平台中应用的开发者不需要关注具体的实现细节，调用方便简单，降低了应用开发的难度。

步骤S550，通过桌面客户端将处理的图片数据向应用所在的页面回传。

本实施例中，将处理得到的图片数据回传到应用所在的页面中，对图片数据进行还原得到处理后的图片，并向用户展示。

在一个实施例中，如图7所示，一种开放平台中的图片处理系统，包括读取模块10、数据传递模块30以及桌面客户端50。

读取模块10，用于读取图片数据。

本实施例中，用户可通过开放平台的网页页面提供需要进行处理的图片，例如，在开放平台的网页页面中，通过应用所在的页面获取用户对图片的选定操作，并通过上传的方式将用户选定的图片传输到应用中，此时读取模块10将对图片进行处理得到相应的图片数据，其中，图片数据为字符串的形式，是通过对图片进行编码等处理得到的。

数据传递模块30，用于通过开放平台的网页页面将图片数据传递到桌面客户端50。

本实施例中，由于为用户提供图片处理功能的应用是存在于开放平台中的网页页面中的，开放平台通过加载以网页的形式向用户展示。获取到图片数据之后数据传递模块30通过开放平台中网页页面的接口层实现网页页面与桌面客户端之间的交互。网页页面的接口层中封装了各种处理逻辑，可用于进行开放平台中的图片数据传递。

桌面客户端50，用于对图片数据进行处理，并回传处理的图片数据。

本实施例中，接收到网页页面传递的图片数据之后，桌面客户端50利用计算机本地的处理能力对图片数据进行处理，图片数据所进行的处理可以是图片美化等，由于基于计算机本地的桌面客户端50拥有较高的处理能力及效率，可以为网页页面中的应用快捷地提供较为复杂的图片处理功能，并将处理好的图片数据回传到网页页面的应用中。

为实现开放平台中应用对图片的处理，应用所获取到的图片数据经由网页页面流向桌面客户端50，通过桌面客户端50在计算机实现了图片数据的处理，并将处理后的图片数据回传到网页页面中，以响应应用中的图片处理操作，不再需要依赖于开放平台服务器，也不需要在应用中通过Flash插件来对图片进行简单的处理，通过应用、网页页面以及桌面客户端之间不同层级的交互稳定地运行于开放平台中，并满足用户所触发的各种复杂的图片处理操作。

在一个实施例中，如图8所示，上述读取模块10包括第一图片获取单元101、第一图片编码单元103以及显示单元105。

第一图片获取单元101，用于在网页页面的应用中获取选定的图片。

本实施例中，计算机中内嵌的浏览器内核的不同，图片数据的读取方式也各不相同。具体的，浏览器内核大致包括了Webkit内核和IE内核这两种类型，其中，浏览器中内嵌了Webkit内核的场景下，由于Webkit内核能够支持HTML5和Css3(Cascading Stylesheet，层叠样式表)，因此在获取选定的图片的过程中第一图片获取单元101可以利用HTML5特征中的FileReader方法向用户弹出图片选择框，进而通过用户的选定操作得到选定的图片。

第一图片编码单元103，用于对选定的图片进行编码得到图片数据。

本实施例中，开放平台中网页页面和桌面客户端之间的交互是通过字符串实现的，因此，需要第一图片编码单元103对选定的图片进行编码以得到字符串形式的图片数据，其中，对选定的图片所应用的编码方式为Base64编码方式，即将选定的图片转换为Base64编码。

显示单元105，用于在应用所在的页面中显示选定的图片。

本实施例中，在应用所在的页面中获取了选定的图片之后显示单元105直接对该图片进行显示，此时，用户可在该图片的显示界面输入处理操作，进而触发对选定的图片所进行的处理。

在另一个实施例中，如图9所示，上述桌面客户端50包括第二图片获取单元501以及第二图片编码单元503。

第二图片获取单元501，用于通过网页页面所在的浏览器获取选定的图片。

本实施例中，在浏览器中内嵌了IE内核的场景下，由于不能够提供HTML5特征中的FileReader方法，需要通过浏览器来实现待处理图片的获取，即通过弹出图片选择框，进而第二图片获取单元501在弹出的图片选择框中获取用户对图片的选择操作，进而得到用户选定的图片。

第二图片编码单元503，用于对选定的图片进行编码得到图片数据，并向网页页面中的应用返回选定的图片。

本实施例中，第二图片编码单元503将选定的图片转换为字符串的形式，以方便图片数据的传输，此外，还需要将选定的图片回传到应用所在的页面，进行选定的图片的显示，进而触发对选定的图片的处理操作。

读取模块10还用于在应用所在的页面中显示选定的图片。

在另一个实施例中，上述开放平台中的图片处理系统还可以包括判断模块，该判断模块用于判断浏览器内核类型是否为Webkit内核，若是，则进入步骤S101，若否，则进入步骤S110。

本实施例中，通过判断模块对浏览器内核类型的判断使得开放平台能够稳定运行于各种浏览器，而不会发生兼容性问题。

在一个实施例中，如图10所示，上述数据传递模块30包括属性获取单元310、接口选择单元330以及接口传递单元350。

属性获取单元310，用于获取桌面客户端50的运行属性。

本实施例中，桌面客户端50的运行属性包括了桌面客户端50所对应的版本信息和开发平台信息，开发平台信息指示了桌面客户端50所适用的运行环境，例如IOS操作系统、android操作系统等。

接口选择单元330，用于根据桌面客户端50的运行属性在网页页面的接口层中选择分支，并调用选择的接口分支。

本实施例中，为能够运行于各种不同的开发平台中，适配不同的外部运行环境，网页页面的接口层中设置了多个接口分支，接口选择单元330按照桌面客户端50的运行属性调用选定的接口分支，例如，若桌面客户端50的运行属性为android操作系统，接口选择单元330将选择与android操作系统对应的接口分支，并调用这一接口分支进行图片数据的传递，保证了图片数据的准确传递。通过网页页面的接口层使得开放平台能够兼容于各种不同的开发平台中，也使得应用无成本地运行于多种平台和多种终端设备，提高了可移植性。

此外，基于安全考虑，为保证开放平台的安全运行，接口层还应对接口的调用进行权限验证，以判断该应用是否有权限对该接口进行访问，若否，则返回错误提示，并禁止对该接口进行调用。

接口传递单元350，用于通过接口分支将图片数据传递到桌面客户端50中。

在一个实施例中，如图11所示，上述桌面客户端50包括还原单元510、图片处理单元530以及数据回传单元550。

还原单元510，用于将图片数据还原为图片。

本实施例中，还原单元510将字符串形式的图片数据还原成图片，以方便对图片进行美化等处理。

图片处理单元530，用于对图片进行处理，并将处理后的图片进行编码得到处理的图片数据。

本实施例中，图片处理单元530可根据应用所在页面中触发的处理操作对图片进行处理，并将处理得到的图片进行编码生成图片数据。图片处理单元530进行图片处理的过程中，需要应用的各种处理逻辑均被封装成桌面客户端接口，只需要将接收到的图片数据传递到桌面客户端接口中即可实现图片的处理，这将使得开放平台中应用的开发者不需要关注具体的实现细节，调用方便简单，降低了应用开发的难度。

数据回传单元550，用于将处理的图片数据向应用所在的页面回传。

本实施例中，数据回传单元550将处理得到的图片数据回传到应用所在的页面中，对图片数据进行还原得到处理后的图片，并向用户展示。

上述开放平台中的图片处理方法及系统，通过开放平台的网页页面将需要处理的图片数据传递到桌面客户端，借助桌面客户端实现图片数据的处理，并将处理得到的图片数据回传到开放平台网页页面中，由于图片数据的处理是在桌面客户端中实现的，充分利用了计算机本地的计算能力，不需要依赖Flash插件和开放平台服务器，提高了开放平台图片处理过程中的稳定性。

以上所述实施例仅表达了本发明的几种实施方式，其描述较为具体和详细，但并不能因此而理解为对本发明专利范围的限制。应当指出的是，对于本领域的普通技术人员来说，在不脱离本发明构思的前提下，还可以做出若干变形和改进，这些都属于本发明的保护范围。因此，本发明专利的保护范围应以所附权利要求为准。

Claims (10)

1.一种开放平台中的图片处理方法，包括如下步骤：

读取图片数据；

通过开放平台的网页页面将所述图片数据传递到桌面客户端；

在所述桌面客户端中对图片数据进行处理，并回传所述处理的图片数据。

2.根据权利要求1所述的开放平台中的图片处理方法，其特征在于，所述读取选定的图片的步骤为：

在网页页面的应用中获取选定的图片；

对选定的图片进行编码得到图片数据，并在所述应用所在的页面中显示选定的图片。

3.根据权利要求1或2所述的开放平台中的图片处理方法，其特征在于，所述读取图片数据的步骤为：

通过所述网页页面所在的浏览器获取选定的图片；

对所述选定的图片进行编码得到图片数据，并向所述网页页面的应用返回选定的图片；

在所述应用所在的页面中显示所述选定的图片。

4.根据权利要求1所述的开放平台中的图片处理方法，其特征在于，所述通过开放平台的网页页面将所述图片数据传递到桌面客户端的步骤为：

获取所述桌面客户端的运行属性；

根据所述桌面客户端的运行属性在网页页面的接口层中选择接口分支，并调用所述选择的接口分支；

通过所述接口分支将图片数据传递到桌面客户端中。

5.根据权利要求1所述的开放平台中的图片处理方法，其特征在于，所述在所述桌面客户端中对图片数据进行处理，并回传所述处理的图片数据的步骤为：

通过所述桌面客户端将图片数据还原为图片；

对所述图片进行处理，并将所述处理后的图片进行编码得到处理的图片数据；

通过所述桌面客户端将所述处理的图片数据向应用所在的页面回传。

6.一种开放平台中的图片处理系统，其特征在于，包括：

读取模块，用于读取图片数据；

数据传递模块，用于通过开放平台的网页页面将所述图片数据传递到桌面客户端；

桌面客户端，用于对图片数据进行处理，并回传所述处理的图片数据。

7.根据权利要求6所述的开放平台中的图片处理系统，其特征在于，所述读取模块包括：

第一图片获取单元，用于在网页页面的应用中获取选定的图片；

第一图片编码单元，用于对选定的图片进行编码得到图片数据；

显示单元，用于在所述应用所在的页面中显示选定的图片。

8.根据权利要求6或7所述的开放平台中的图片处理系统，其特征在于，所述桌面客户端包括：

第二图片获取单元，用于通过网页页面所在的浏览器获取选定的图片；

第二图片编码单元，用于对所述选定的图片进行编码得到图片数据，并向所述网页页面中的应用返回选定的图片；

所述读取模块还用于在所述应用所在的页面中显示所述选定的图片。

9.根据权利要求6所述的开放平台中的图片处理系统，其特征在于，所述数据传递模块包括：

属性获取单元，用于获取所述桌面客户端的运行属性；

接口选择单元，用于根据所述桌面客户端的运行属性在网页页面的接口层中选择分支，并调用所述选择的接口分支；

接口传递单元，用于通过所述接口分支将图片数据传递到桌面客户端中。

10.根据权利要求6所述的开放平台中的图片处理系统，其特征在于，所述桌面客户端包括：

还原单元，用于将图片数据还原为图片；

图片处理单元，用于对所述图片进行处理，并将所述处理后的图片进行编码得到处理的图片数据；

数据回传单元，用于将所述处理的图片数据向应用所在的页面回传。

Images