umeditor实现ctrl+v粘贴word图片并上传

松鼠的博客 松鼠的博客     2022-12-01     291

关键词:

这种方法是servlet,编写好在web.xml里配置servlet-class和servlet-mapping即可使用

后台(服务端)java服务代码:(上传至ROOT/lqxcPics文件夹下)

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%><%@

     page contentType="text/html;charset=utf-8"%><%@

     page import = "Xproer.*" %><%@

     page import="org.apache.commons.lang.StringUtils" %><%@

     page import="org.apache.commons.fileupload.*" %><%@

     page import="org.apache.commons.fileupload.disk.*" %><%@

     page import="org.apache.commons.fileupload.servlet.*" %><%

boolean isMultipart = ServletFileUpload.isMultipartContent(request);

FileItemFactory factory = new DiskFileItemFactory();  

ServletFileUpload upload = new ServletFileUpload(factory);

List files = null;

try

     files = upload.parseRequest(request);

catch (FileUploadException e)

    out.println("上传文件异常:"+e.toString());

    return;

 

FileItem imgFile = null;

Iterator fileItr = files.iterator();

while (fileItr.hasNext())

     imgFile = (FileItem) fileItr.next();

     if(imgFile.isFormField())

     

         String fn = imgFile.getFieldName();

         String fv = imgFile.getString();

         if(fn.equals("uname")) uname = fv;

         if(fn.equals("upass")) upass = fv;

     

     else

     

         break;

     

Uploader up = new Uploader(pageContext,request);

up.SaveFile(imgFile);

String url = up.GetFilePathRel();

out.write(url);

response.setHeader("Content-Length",url.length()+"");

%>

 

配置web.xml

 <?xml version="1.0" encoding="UTF-8"?>

<web-app version="2.5"

    xmlns="http://java.sun.com/xml/ns/javaee"

    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"

    xsi:schemaLocation="http://java.sun.com/xml/ns/javaee

    http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd">

  <welcome-file-list>

    <welcome-file>index.jsp</welcome-file>

  </welcome-file-list>

</web-app>

 

前端(页面)测试代码:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

     <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>

     <title>WordPaster-jsp-ueditor-1.2.6.0</title>

     <script type="text/javascript" src="ueditor.config.js" charset="utf-8"></script>

     <script type="text/javascript" src="ueditor.all.min.js" charset="utf-8"></script>

     <link type="text/css" rel="Stylesheet" href="WordPaster/css/WordPaster.css"/>

    <link type="text/css" rel="Stylesheet" href="WordPaster/js/skygqbox.css" />

    <script type="text/javascript" src="WordPaster/js/json2.min.js" charset="utf-8"></script>

    <script type="text/javascript" src="WordPaster/js/jquery-1.4.min.js" charset="utf-8"></script>

    <script type="text/javascript" src="WordPaster/js/w.edge.js" charset="utf-8"></script>

    <script type="text/javascript" src="WordPaster/js/w.app.js" charset="utf-8"></script>

    <script type="text/javascript" src="WordPaster/js/w.file.js" charset="utf-8"></script>

    <script type="text/javascript" src="WordPaster/js/skygqbox.js" charset="utf-8"></script>

    <script type="text/javascript" src="WordPaster/js/WordPaster.js" charset="utf-8"></script>

</head>

<body>

     <textarea name="后台取值的key" id="myEditor">这里写你的初始化内容</textarea>

     <script type="text/javascript">

        var pasterMgr = new WordPasterManager();

        //pasterMgr.Config["PostUrl"] = "http://www.ncmem.com/products/upload_ori.aspx"

    pasterMgr.Config["PostUrl"] = "http://localhost:8080/WordPaster2UEditor1.4x/upload.jsp"

    //pasterMgr.Config["PostUrl"] = "http://cloud.dyso.cn/ueditor/upload.jsp"

    pasterMgr.Load();//加载控件

 

        var ue = UE.getEditor(\'myEditor\');

        

         ue.ready(function()

             //设置编辑器的内容

             ue.setContent(\'hello\');

             //获取html内容,返回: <p>hello</p>

             var html = ue.getContent();

             //获取纯文本内容,返回: hello

             var txt = ue.getContentTxt();

             pasterMgr.SetEditor(ue);

         );

                  

     </script>

</body>

</html>

实现后的效果,能够批量上传word中的全部图片,大幅度提升图片上传效率。而且能够保留Word样式。

 

图片上传完后,编辑器里面的图片地址也全部都改成了服务器的图片地址了,

所有代码已经全部传到网上,有需要的朋友可以直接下载使用,http://blog.ncmem.com/wordpress/2019/08/07/javaword图片上传控件/

讨论群:223813913

xheditor实现ctrl+v粘贴word图片并上传

...但也不影响功能使用。http://blog.ncmem.com/wordpress/2019/08/07/umeditor%E7%B2%98%E8%B4%B4word%E5%9B%BE%E7%89%87/以vue为例说 查看详情

js实现ctrl+v粘贴并上传图片

再分享一个刚学会的小东东:聊天室实现ctrl+v粘贴并上传图片,亲测有效(目前只能粘贴QQ或者微信的截图上传,桌面上的图片直接复制再粘贴无效,今后再深究),下面上代码前端页面:<textareaclass="scroll"id="text"placeholder="在... 查看详情

js实现ctrl+v粘贴图片或是截图

...览器环境:谷歌浏览器1.ctrl+v粘贴图片都是监听paste时间实现的,复制的数据都存在clipboardData下面,虽然打印显示数据长度为0,但是还是可以获取数据的 2.打印clipboardData.items发现是一个DataTransferItem。3.DataTransferItem有个getAsFil... 查看详情

关于umeditor粘贴图片自动上传

Chrome+IE默认支持粘贴剪切板中的图片,但是我要发布的文章存在word里面,图片多达数十张,我总不能一张一张复制吧?Chrome高版本提供了可以将单张图片转换在BASE64字符串的功能。但是无法处理多张图片。而且转换成BASE64后是... 查看详情

word中怎样同时粘贴图片和文字

...菜单,而是使用键盘上的“复制”组合键:Ctrl+C在Word中粘贴时也不要用鼠标点击“粘贴”,而是使用键盘上的“粘贴”组合键:Ctrl+V。举例:以下某网页中的部分文字和图片已被选中,这时按下Ctrl+C进行复制。然后打开Word文档... 查看详情

kindeditor实现word粘贴图片自动上传

...但也不影响功能使用。http://blog.ncmem.com/wordpress/2019/08/07/umeditor%E7%B2%98%E8%B4%B4word%E5%9B%BE%E7%89%87/以vue为例说明:将tiny 查看详情

word中怎样同时粘贴图片和文字

分开进行是可以的:复制文字之后,在word上粘贴,可以!复制图片之后,在word上粘贴,可以!可是,偏偏复制了文字和图片就不行了,指挥粘贴处文字!求解!!(我用2007和2010都试过了,都不行)word中同时粘贴图片和文字的... 查看详情

从word中复制图片到umeditor编辑器中

由于工作需要必须将word文档内容粘贴到编辑器中使用但发现word中的图片粘贴后变成了file:///xxxx.jpg这种内容,如果上传到服务器后其他人也访问不了,网上找了很多编辑器发现没有一个能直接解决这个问题考虑到自己除了工作其... 查看详情

百度ueditor实现word粘贴公式自动上传

...chrome浏览器使用首先以um-editor的二进制流保存为例:打开umeditor.js,找到UM.plugins[‘autoupload‘],然后找到autoUploadHandler方法,注释掉其中的代码。加入下面的代码://判断剪贴板的内容是否包含文本//首先解释一下为什么要判断文... 查看详情

word图片粘贴上传控件,直接粘贴图片到编辑器-dede

...出来。减少排版复杂的工作量。下面是借用百度doc来快速实现这个word粘贴到富文本编辑器里面方法一:工具/原料百度doc任意富文本编辑器,以UEDdito为例方法/步骤登录,http://word.baidu.com点击右上角导入文档,如图所示导入后,... 查看详情

visio粘贴到word中默认显示小图标

之前把visio画的图粘贴到word中都可以直接显示内容,但今天不知道调了什么,粘过去就默认显示小图标,需要双击打开才能看到。怎么样改回来?不想使用插入-对象,太麻烦了。想直接ctrl+c,ctrl+v粘过去参考技术A点图片,在"... 查看详情

word表格中的图片怎样把它复制出来

1.在word中找到要复制的图片,然后点击鼠标右键,会出现粘贴,复制等选项,选择复制,如图:2,然后在里一个需要粘贴的地方点击右键,选择粘贴,如图所示:3.粘贴完成后会像下面图片一样,如图所示:4,如图不是复制在... 查看详情

如何将word图片粘贴到cms里面

...chrome浏览器使用首先以um-editor的二进制流保存为例:打开umeditor.js,找到UM.plugins[‘autoupload‘],然后找到autoUploadHandler方法,注释掉其中的代码。加入下面的代码://判断剪贴板的内容是否包含文本//首先解释一下为什么要判断文... 查看详情

xshell复制粘贴(ctrl+c,ctrl+v)配置

在使用Windows一般使用ctrl+c,ctr+v实现粘贴复制,通过Xshell连接Linux时,可以通过设置实现两种环境的复制粘贴,从而提高工作效率(比如按照文档操作,直接复制代码到Linux,比手敲快很多)... 查看详情

在windows中粘贴命令的快捷键是ctrl+v

粘贴的快捷键是“Ctrl+V”。剪切:将图文字选中后,通Ctrl+X命令,将图片或文字裁切下来,放到电脑剪切板上,再通过Ctrl+V粘贴到所要粘贴的位置。裁切文字的过程称为剪切。复制粘贴,指将一个文本或一段文字复制后移动到另... 查看详情

怎样保存图片加文字?

...s目录下的default.html。2.选择教程的内容,按Ctrl+C,按Ctrl+V粘贴到kindeditor编辑器里面。3.点教程的下一页,选中内容后按Ctrl+C,按Ctrl+V粘贴到kindeditor编辑器里的最下方。教程的第3页、第4页等也是这个方法。4.粘贴完后,从上至下... 查看详情

word2013粘贴的图片自适应大小

 1、先切换到页面视图2、粘贴图片进去,成功自适应,像素不变,可右键图片另存为图片,查看原始图片,或者ctrl+滚轮上放大。  3、在其他视图就会出现超出范围的情况,还要自己调整    查看详情

怎么忘word表格里面传照片??

...,再点击插入就好了 参考技术B直接自制图片,在WORD里面粘贴,调整大小就可以了 参考技术C可以直接拖到word,或者插入图片点击图片可以调节图片大小 参考技术D选中要粘贴的图片ctrl+c然后切换到WORDctrl+v 第5个回答 2010-04-20... 查看详情