[发明专利]一种在网页上呈现上传组件的方法及装置

说明书

本发明公开了一种在网页上呈现上传组件的方法及装置，方法包括：向网页中添加预设类型的页面元素作为父元素，将所述父元素设置为预设样式；在所述父元素内部嵌套一个浏览器原生的上传组件；将所述上传组件的透明度属性设置为预设透明度以使所述上传组件不可见，将所述上传组件的字体大小属性设置为预设字体大小；获取所述上传组件在预指定的浏览器中呈现时具有上传请求触发功能的公共区域；调整所述上传组件的坐标以使所述父元素至少隐藏所述上传组件中所述公共区域以外的区域。本发明能生成自定义样式的上传组件，能兼容不同的浏览器，能提高开发效率，节约开发成本。

技术领域

本发明涉及计算机技术领域，具体涉及通信技术领域,尤其涉及一种在网页上呈现上传组件的方法及装置。

背景技术

文件上传是日常较常用的功能之一，目前实现文件上传的方式多种多样，基于浏览器的上传方案主要包括通过浏览器提供的原生上传功能进行上传、使用flash（一种用户可以连接到FTP服务器上传、下载、查看、编辑、删除、移动文件的软件）上传和使用自定义浏览器插件进行上传三种。

使用flash或自定义浏览器的插件，都需要下载flash插件或自定义的上传插件并安装，如果没有安装对应的插件，则无法使用上传功能。基于浏览器提供的原生的上传功能，优点是所有浏览器默认提供了上传功能，但原生的上传组件无法定义样式，且各个浏览器上传组件的样式有差异如图3所示，很难满足产品的需求

自定义浏览器组件，一般采用css改变原生组件的样式或者自定义UI并通过js脚本（Javascript，一种面向对象的动态类型的区分大小写的客户端脚本语言）来调用浏览器的应用程序接口实现其功能，但浏览器的上传组件即不能直接用层叠样式表来改变其用户界面，出于安全考虑有些浏览器不允许使用js来直接操作，必须是用户手动点击才可以上传，比如IE浏览器：用js触发弹出的选择框，无论js或手动触发表单提交都不能正常上传文件。

发明内容

有鉴于此，本发明实施例提供一种在网页上呈现上传组件的方法及装置，来解决以上背景技术部分提到的技术问题。

本发明实施例采用以下技术方案：

第一方面，本发明实施例提供了一种在网页上呈现上传组件的方法，包括：

向网页中添加预设类型的页面元素作为父元素，将所述父元素设置为预设样式；

在所述父元素内部嵌套一个浏览器原生的上传组件；

将所述上传组件的透明度属性设置为预设透明度以使所述上传组件不可见，将所述上传组件的字体大小属性设置为预设字体大小；

获取所述上传组件在预指定的浏览器中呈现时具有上传请求触发功能的公共区域；

调整所述上传组件的坐标以使所述父元素至少隐藏所述上传组件中所述公共区域以外的区域，以使在所述预指定的浏览器中呈现所述网页时，所述父元素任意部分都能响应上传请求。

根据本发明的同一构思，本发明实施例还提供了一种在网页上呈现上传组件的装置，包括：

父元素添加单元，用于向网页中添加预设类型的页面元素作为父元素，将所述父元素设置为预设样式；

上传组件添加单元，用于在所述父元素内部嵌套一个浏览器原生的上传组件；

上传组件属性设置单元，将所述上传组件的透明度属性设置为预设透明度以使所述上传组件不可见，将所述上传组件的字体大小属性设置为预设字体大小；

上传组件公共区域获取单元，用于获取所述上传组件在预指定的浏览器中呈现时具有上传请求触发功能的公共区域；