[发明专利]一种扩展的数据输入装置及方法

说明书

技术领域

本发明涉及计算机技术领域，更具体地，涉及一种扩展的数据输入装置及方法，用于通过网页浏览器将用户输入的数据加载到网页的输入区域中。

背景技术

用户在通过网页浏览器与web服务器进行交互时，例如通过浏览器上传或发布数据或者说信息时，可以在网页的指定输入区域中输入数据内容，并提交给服务器。

在现有的网页中，通常提供输入控件来接收用户的输入数据并提交给服务器。例如，对于纯文本数据，可以文本区域控件中进行输入；对于图片或者文件数据，则可以通过使用文件上传控件来选择所需的文件进行上传，并可以在上传后使用从服务器返回的Url地址进行预览/显示，这需要用户进行一系列烦琐的操作后才能实现。

随着用户对浏览器使用体验要求的提高，以及对操作效率要求的提高，现有的输入方式，尤其是对图片或文件的输入，显然是不能令人满意的。用户更希望采用更简单的方式，例如通过拖拽或拷贝的方式，来上传或发布各种数据，如文本、图片、文件或网页元素等。

但是，对于现有的网页浏览器，如IE，在默认情况下并不接受用户将图片或文件直接拖拽或拷贝到输入区域中。

发明内容

本发明的目的在于克服现有技术中的至少一个缺陷。

按照本发明的一个方面，提供了一种扩展的数据输入装置，其配置成通过网页浏览器将用户输入的数据加载到网页的输入区域中，包括：

层生成单元，其配置成在网页的所述输入区域加载完成后，生成覆盖于所述输入区域上的悬浮层；

数据获取单元，其配置成在检测到位于所述悬浮层的数据输入事件后，获取用户的待输入数据；

数据转换单元，其配置成根据所述待输入数据的数据类型，将所述待输入数据转换成对应的HTML元素，所述HTML元素中包含所述待输入数据的内容；

数据加载单元，其配置成将转换得到的所述HTML元素加载到所述悬浮层中，并显示所述待输入数据的内容。

在一个实施例中，所述输入区域由网页控件或DOM对象提供，所述层生成单元配置成响应于所述网页控件或DOM对象的加载完成事件而运行。

在一个实施例中，所述数据输入事件包括用户向所述输入区域的拖拽或拷贝操作，所述数据获取单元配置成从计算机系统的剪贴薄访问所述待输入数据。

在一个实施例中，所述数据输入事件包括用户向所述输入区域的键盘输入操作，所述数据获取单元配置成截取用户的键盘输入信息作为所述待输入数据。

在一个实施例中，所述待输入数据的输入类型包括文本、图片、文件和/或网页元素。

在一个实施例中，所述数据转换单元配置成响应于所述数据输入事件的开始而运行；并且，所述数据加载单元配置成响应于所述数据输入事件的结束而运行。

在一个实施例中，所述待输入数据为文本，其中：

所述数据转换单元配置成用对应的HTML标签标记所述文本的内容，以将其转换为对应的HTML元素；

所述数据加载单元配置成将所述HTML元素写入到所述悬浮层中，并显示所述文本的内容。

在一个实施例中，所述待输入数据为图片，其中：

所述数据转换单元配置成将所述图片上传到服务器，并从服务器获取所述图片的远程地址；并且，所述第二定制处理函数用对应的HTML标签标记所述图片的远程地址，以将其转换为对应的HTML元素；

所述数据加载单元配置成将所述HTML元素写入到所述悬浮层中，并显示所述图片的内容。

在一个实施例中，所述待输入数据为文件，其中：

所述数据转换单元配置成调用第三方接口函数将所述文件转换为对应的HTML元素；

所述数据加载单元配置成将所述HTML元素写入到所述悬浮层中，并显示所述文件的内容。

在一个实施例中，所述待输入数据为文件，其中：

所述数据转换单元配置成将所述文件上传到服务器，并从服务器获取所述文件的远程地址；并且，所述数据转换单元配置成用对应的HTML标签标记所述文件的远程地址，以将其转换为对应的HTML元素；

所述数据加载单元配置成将所述HTML元素写入到所述悬浮层中，并显示所述文件的内容。

在一个实施例中，所述对应的HTML标签为所述网页浏览器可识别的自定义HTML标签；并且

所述数据加载单元配置成识别所述自定义HTML标签，调用浏览器插件将所述文件显示在所述悬浮层中，或调用计算机本地程序打开并显示所述文件。

在一个实施例中，所述待输入数据为网页元素，其中：