[发明专利]一种图片信息的上传方法及上传装置

说明书

技术领域

本发明涉及网络技术，特别是涉及一种图片信息的上传方法及上传装置。

背景技术

图床是专门用来存放图片，同时允许把其中的图片进行对外连接的网上空间，不少图床都是免费的。用雅虎（yahoo）、谷歌（google）、新浪（sina）等搜索引擎找图床，输入“图片存放”、“free photo space”之类的关键字去搜，可以找到很多提供图床服务的网站。图床多是免费的、容量大、允许传输量大并且服务稳定。

在应用图床时，一般先在图床网站注册，之后往图床网站上传图片，会返回一个URL（Uniform Resource Locator，统一资源定位符，也被称为网页地址）作为图片链接，该URL图片链接可以在网站帖子或者微博中直接复制后进行发布操作。具体的图床网站例如“Photo Bucket”,(网址是http://photobucket.com/)。

现有技术中，图片上传是将本地图片进行上传，或者图片的网络地址（由上述的图床服务器提供的URL），进行同步的上传到对应的服务器即可。

但是，现有技术中图片的上传只能够通过固定的递交界面，通过该递交界面上传图片时，需要选择图片的本地路径或者提供图片的网络路径，而且上传本地图片时总是要等到图片数据完全上传完毕才能够显示上传成功，如果需要上传的本地图片很大，图片上传成功需要等待较长的时间，用户会感觉很慢。特别是对于在微博或者论坛上发布图片的用户来说，发布的快捷性是最重要的用户体验之一，让用户在屏幕前等待漫长的图片上传过程会降低微博或者论坛的市场竞争力。

发明内容

本发明实施例的目的是提供一种图片信息的上传方法及上传装置，能够减少图片上传的等待时间，改善用户体验。

为了实现上述目的，本发明提供了一种图片信息的上传方法，包括：

检测到网页中位于输入区域的图片输入事件；

将所述图片输入事件对应的输入图片上传到图床服务器，并获得所述输入图片在图床服务器中的链接信息；

在所述输入区域上生成并加载一包括所述输入图片的悬浮层；

检测到对输入区域内容的向应用服务器进行提交的上传事件；

将所述悬浮层的超文本标记语言信息上传到应用服务器，其中所述悬浮层的超文本标记语言信息包含所述输入图片在图床服务器中的所述链接信息。

优选地，上述的上传方法中，还包括：

在所述悬浮层生成预览图片元素，所述预览图片元素的链接地址为操作端本地地址；则

在检测到所述上传事件后，将所述预览图片元素的链接地址修改为所述链接信息并进行上传。

优选地，上述的上传方法中，在将所述悬浮层的超文本标记语言信息上传到应用服务器的步骤中，在上传前对所述超文本标记语言信息进行加密和/或编码处理。

优选地，上述的上传方法中，所述悬浮层包括多个所述输入图片，每个所述输入图片都被上传到所述图床服务器，并获得对应的链接信息。

优选地，上述的上传方法中，在所述图床服务器与本地浏览器具有匹配协议的条件下，所述图床服务器采用所述本地浏览器的客户端本地地址作为所述链接信息。

优选地，上述的上传方法中，在所述输入区域上中生成并加载一包括所述输入图片的悬浮层的步骤具体包括：

由网页浏览器提供的第一定制处理函数来生成所述悬浮层；

第二定制处理函数用对应的HTML标签标记所述输入图片的链接地址，以将所述输入图片转换为对应的HTML元素；

第三定制处理函数将所述HTML元素写入到所述悬浮层中，并显示所述图片的内容。

优选地，上述的上传方法中，所述悬浮层包括：DIV层，且该DIV层的位置参数为“相对位置”。

优选地，上述的上传方法中，在所述输入区域完成加载后生成所述悬浮层，并且通过检测所述悬浮层来获取所述图片输入事件。

优选地，上述的上传方法中，所述输入区域为文本输入框控件；所述图片输入事件为图片拖拽事件或图片粘贴事件；所述操作端本地地址为操作端剪贴板地址、操作端缓存地址或者操作端硬盘地址；所述上传事件为上传按钮触发或者所述输入区域失去焦点。

本发明还提供一种图片信息的上传装置，包括：

输入事件检测单元，其配置为：检测到网页中位于输入区域的图片输入事件；

图床单元，其配置为：将所述图片输入事件对应的输入图片上传到图床服务器，并获得所述输入图片在图床服务器中的链接信息；

悬浮层单元，其配置为：在所述输入区域上生成并加载一包括所述输入图片的悬浮层；