[发明专利]一种网页截屏系统及其实现方法

说明书

技术领域

本发明涉及网页邮箱技术，特别涉及一种网页截屏系统及其实现方法。

背景技术

网页邮箱(webmail)发展到今天，已经为绝大多数的用户所接受，已经成为用户必不可少的软件工具，不但在平时的生活沟通中，而且在用户的工作中得到广泛的使用。针对用户的多样化的需求，各大邮箱服务提供商都推出了图片链接的服务，这样对于用户不但可以体验享受沟通的乐趣，还可以进行图片的分享。

但是，现有的webmail基本上都只是提供用户以图片链接的方式来分享图片，这样就大大减少了用户发图片的乐趣与可操作性，比较好的webmail一般可以提供图片上传功能，但是使用起来会有点麻烦，因为要上传的图片必须存在于计算机内，如果看到某些表情图片想使用的话，必须先用截屏工具截取，然后再上传到邮件中去，操作比较烦琐。

而且现有技术中，绝大多数的webmail，如163，126，yahoo等，在写信页面都有嵌入多媒体可视化编辑器(html编辑器)。在该编辑器上，一般都能找到嵌入图片的按钮，当用户点击按钮后，页面就会调用javascript事件，并调用相应的如图1所示的对话框。当用户在其上输入相应正确的图片地址后，编辑器会在相应的源代码上插入一句相应的html语句(＜img src＝”http://...”＞)，可视化的编辑器就能显示到图片。当用户点击发送后就把所有代码一起发送就可以了。

虽然用户能够发送图片，但是用户只能对现有的网络资源进行发送。假如用户想发的图片在网络上找不到，那么就不能发送该图片了。而且，即使网络存在该图片，但是由于网络原因也可能导致收件人最终不能看到图片。因此，这种方式受限较大，不能给用户随心所欲地发送自己喜欢的图片。

现有技术中，还有少数webmail，如QQMail等，提供了插入本地图片的功能。同样的，在其编辑器上也提供了嵌入图片的按钮，当用户点击该按钮后，页面调用javascript事件，并调用相应的如图2所示的对话框。当用户点击浏览，选择待上传的图片后，点击上传。页面会以post的方式把文件传输到后台，后台接收到图片后，会把图片存在临时文件夹，然后把文件名(包含路径)与后台的文件名的对应关系写到索引文件中。完成后，后台会返回正确信息到用户浏览器。用户浏览器会根据返回的信息在源代码上插入一句相应的html语句(＜img src＝”file://C:/...”＞)，可视化的编辑器就能显示到图片。当用户点击发送后，后台会根据索引表的对应关系，把相应的图片嵌入到邮件mime(Multipurpose Internet Mail Extentions，简称mime，一种国际邮件编码标准)内容里，然后对主体内容的图片路径进行修改，然后把邮件投递出去。

虽然用户已经能够随心所欲地发送自己喜欢的图片。可是，由于即时通信软件的不同版本(如IM)的出现，现在的用户基本上已经习惯了截屏来发送图片的方式。现有技术中，如果用户想要通过截屏方式插入图片的时候，必须先去安装截屏的软件，然后再截屏，最后上传。这样烦琐的操作体检，会导致用户失去上传图片的耐心与分享图片的乐趣。

发明内容

本发明的目的在于提供一种网页截屏系统及其实现方法，极大地提高了用户使用上传截屏内容的操作体验，同时减少了用户对上传自定义截屏内容的操作步骤。

本发明解决其技术问题所采用的技术方案是：一种网页截屏系统，包括：

截屏控件，其设置在客户端上，用于根据用户所选定的截屏区域截取屏幕上的图文内容并将其进行保存；

可视化编辑器，其设置在客户端上，用于提供给用户进行编辑操作以及插入和显示所述截取屏幕上的图文内容；

其中，所述截屏控件包括：截图模块，负责进行屏幕截图，并将截取到的图文内容保存在本地文件夹中，以及返回截图成功与否的信息；

所述可视化编辑器包括：截屏处理模块，负责调用所述截图模块，接收所述截图模块返回的信息，当截图成功时，将所述截取到的图文内容的文件名作为参数进行传递。

本发明中，所述系统还包括：

服务器，用于将接收到的所述截屏控件上传的图文内容进行保存，并将所述上传的图文内容更新到邮件中，以及对邮件内容进行编码后发送。

本发明中，所述截屏控件进一步包括：

上传模块，负责将保存在所述本地文件夹中的图文内容上传至服务器，并返回上传成功与否的信息。

本发明中，所述可视化编辑器进一步包括：

截屏按钮模块，负责接收用户的截屏操作，并启动所述截屏处理模块；