最近一个项目,客户要求能将Word中的图片粘贴到网页中,由于客户一般都很霸道,我们没法用其它的代替方法实现,只好硬头皮开发了。
首先我想到用FCKEditor来实现,不过发复图片粘贴过去之后是一片空白的......(没法用语言来描述这是什么东东),如果用上传图片的方法实现,会给用户的操作带来很多麻烦,还得把Word中图片保存下来之后再上传。没办法,我们只能拿Office在线编辑的工具实现,虽然有点杀鸡用牛刀的嫌疑,但是我目前也只能想到这样的方法了。
为了让我们的牛刀尽可能的变成水果刀,我用了一款开源的体积非常小的ActiveX控件-----DsoFramer2.3,该控件是由微软官方的DsoFramer1.3发展而来,经过网上牛人改过之后,现在已经有了2.3版,这个版本经网友改造后支持office2007了,相当配服这位牛人。本示例同时支持office2003/2007,因为目前主要使用这两个office版本,兼容到这种程度也算够用了。
下面我们来看看具体的代码怎么编写:
一、首先我们将DsoFramer复制到项目中,建立一个JSP文件,代码如下:
二、文件上传处理
DsoFramer使用Http协议提交word中的数据,所以我们需要编写一个Servlet来接收表单数据,当然,您也可以用struts2之类的框架来实现,不过您需要将content-type设置成text/html,例如:
xmlhttp.setRequestHeader("Content-type","text/html");
我们还需要一个开源组件来处理表单数据,我选用jsmartcom_zh_CN.jar来实现,虽然这个上传组件很好用,但我对这个组件的代码实在很反感,看了很久都没看懂,可能是因为我水平有限。
下面是具体代码:
三、编写一个文件判断的Serlvet
之所以编写这个类,是因为我们在页面打开的时候,需要知道文件是否已经存在了,如果存在,则打开这个文件,如果不存在,则新建一个新的Word文档,这个在第一步中已经有介绍了。
四、效果展示
到此为止,代码已经编写完毕了,我们来看一下效果