使用dsoframer将word中的图片粘贴到网页中

最新推荐文章于 2022-09-29 11:40:56 发布

lishengbo

最新推荐文章于 2022-09-29 11:40:56 发布

阅读量3.5k

点赞数

分类专栏： JAVA EE javascript 文章标签： office microsoft file xmlhttprequest function image

本文链接：https://blog.csdn.net/lishengbo/article/details/6014927

版权

JAVA EE 同时被 2 个专栏收录

15 篇文章 0 订阅

订阅专栏

javascript

6 篇文章 0 订阅

订阅专栏

最近一个项目，客户要求能将Word中的图片粘贴到网页中，由于客户一般都很霸道，我们没法用其它的代替方法实现，只好硬头皮开发了。

首先我想到用FCKEditor来实现，不过发复图片粘贴过去之后是一片空白的......（没法用语言来描述这是什么东东），如果用上传图片的方法实现，会给用户的操作带来很多麻烦，还得把Word中图片保存下来之后再上传。没办法，我们只能拿Office在线编辑的工具实现，虽然有点杀鸡用牛刀的嫌疑，但是我目前也只能想到这样的方法了。

为了让我们的牛刀尽可能的变成水果刀，我用了一款开源的体积非常小的ActiveX控件-----DsoFramer2.3，该控件是由微软官方的DsoFramer1.3发展而来，经过网上牛人改过之后，现在已经有了2.3版,这个版本经网友改造后支持office2007了，相当配服这位牛人。本示例同时支持office2003/2007，因为目前主要使用这两个office版本，兼容到这种程度也算够用了。

下面我们来看看具体的代码怎么编写：

一、首先我们将DsoFramer复制到项目中，建立一个JSP文件，代码如下：

<%@ taglib prefix="ww" uri="webwork"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>在线编辑</title> <mce:script type="text/javascript"></mce:script> </head> <body οnlοad="init();"> <object id="edit_image" codebase="dsoframer.ocx" height="400px" style="margin-top: -99px; margin-left: -150px" classid="clsid:00460182-9E5E-11D5-B7C8-B8269041DD57" width="680px"> <param name="BorderStyle" value="0"> <param name="Titlebar" value="0"> <param name="Toolbars" value="0"> <param name="Menubar" value="0"> </object> </body> </html>

二、文件上传处理

DsoFramer使用Http协议提交word中的数据，所以我们需要编写一个Servlet来接收表单数据，当然，您也可以用struts2之类的框架来实现，不过您需要将content-type设置成text/html，例如：

xmlhttp.setRequestHeader("Content-type","text/html");

我们还需要一个开源组件来处理表单数据，我选用jsmartcom_zh_CN.jar来实现，虽然这个上传组件很好用，但我对这个组件的代码实在很反感，看了很久都没看懂，可能是因为我水平有限。

下面是具体代码：

package cn.boc.imageword.action; import java.io.IOException; import javax.servlet.ServletConfig; import javax.servlet.ServletException; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import com.jspsmart.upload.SmartUpload; import com.jspsmart.upload.SmartUploadException; public class ImagerWordServlet extends HttpServlet { private ServletConfig servletConfig; @Override public void init(ServletConfig servletConfig) throws ServletException { // TODO Auto-generated method stub super.init(servletConfig); this.servletConfig=servletConfig; } /** * */ private static final long serialVersionUID = 1L; protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException { doPost(req, resp); } protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { request.setCharacterEncoding("UTF-8"); response.setCharacterEncoding("UTF-8"); SmartUpload u = new SmartUpload(); u.initialize(getServletConfig(), request, response); try { u.upload(); u.save("/uploads/image_word"); } catch (SmartUploadException e) { // TODO Auto-generated catch block e.printStackTrace(); } } public ServletConfig getServletConfig() { return servletConfig; } public void setServletConfig(ServletConfig servletConfig) { this.servletConfig = servletConfig; } }

三、编写一个文件判断的Serlvet

之所以编写这个类，是因为我们在页面打开的时候，需要知道文件是否已经存在了，如果存在，则打开这个文件，如果不存在，则新建一个新的Word文档，这个在第一步中已经有介绍了。

package cn.boc.imageword.action; import java.io.File; import java.io.IOException; import javax.servlet.ServletConfig; import javax.servlet.ServletException; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; /** * 该servlet用来扫描 * @author lishengbo * */ public class ScanFileServlet extends HttpServlet{ private ServletConfig servletConfig; public void init(ServletConfig config) throws ServletException { servletConfig=config; } /** * */ private static final long serialVersionUID = 1L; protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException { doPost(req,resp); } protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException { String docid=req.getParameter("docid"); String fileName2003=docid+".doc"; String fileName2007=docid+".docx"; String servetPath=servletConfig.getServletContext().getRealPath("/"); //文件名 File file2003=new File(servetPath+"/uploads/image_word/"+fileName2003); File file2007=new File(servetPath+"/uploads/image_word/"+fileName2007); if(file2003.exists()) { resp.getWriter().print("{'file':'true','extendName':'doc'}"); }else if(file2007.exists()) { resp.getWriter().print("{'file':'true','extendName':'docx'}"); } else { resp.getWriter().print("{'file':'false'}"); } } }

四、效果展示

到此为止，代码已经编写完毕了，我们来看一下效果