这种方法是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

KindEditor上传图片word相关推荐

  1. (转) 淘淘商城系列——解决KindEditor上传图片浏览器兼容性问题

    http://blog.csdn.net/yerenyuan_pku/article/details/72808229 上文我们已实现了图片上传功能,但是有个问题,那就是对浏览器兼容性不够,因为Map ...

  2. PHP 编辑器 kindEditor 上传图片失败 解决方案

    这个坑是原始巨坑,刚学PHP出来的时候,为这个问题鏖战了好几天,含泪将解决方案写出来,希望能帮到你们 问题 PHP 编辑器 kindEditor上传图片失败 解决方案 打开 kindEditor 的 ...

  3. kindeditor 上传图片失败问题总结

    1.近段时间一直在处理kindeditor上传图片失败的问题,前期一直以为是前端的问题,利用谷歌控制台,打断点,修改方法,一直都找不到解决方案,直到查看服务器配置,才发现: WEB 1号服务器 /da ...

  4. 记录vue使用KindEditor上传图片发生的iframe跨域的错误

    记录KindEditor上传图片时候发生的错误:Blocked a frame with origin "http://localhost:8080" from accessing ...

  5. kindeditor上传图片php,Kindeditor编辑器添加图片上传水印功能(php代码)

    KindEditor 是一套开源的在线HTML编辑器,开发人员可以用 KindEditor 把传统的多行文本输入框(textarea)替换为可视化的富文本输入框.可以无缝地与 Java..NET.PH ...

  6. django23:BS4/kindeditor上传图片

    BS4 Beautiful Soup,Beautiful Soup 是一个可以从HTML或XML文件中提取数据的Python库.它能够通过你喜欢的转换器实现惯用的文档导航,查找,修改文档的方式. 安装 ...

  7. kindeditor java上传_富文本编辑器kindeditor上传图片的配置方法

    [导读]这篇文章主要介绍了使用富文本编辑器上传图片实例详解的相关资料,需要的朋友可以参考下 富文本编辑器上传图片 一.导入kindeditor的js 二.将kindeditor与一个文本域textar ...

  8. kindeditor 上传图片返回带 当前网址的图片地址

    在编辑器初始化的时候 加上urlType : 'domain', var editor; KindEditor.ready(function(K) {editor = K.create('textar ...

  9. kindeditor上传图片后自动缩放尺寸

    放便 <link rel="stylesheet" href="kindeditor/themes/default/default.css" /> ...

  10. KindEditor上传图片后回调传入文本框和列表框并显示图片

    KindEditor编辑器本地上传图片文件后(单个图片上传和批量图片上传),将数据回调,以实现自由设置任何一张图片做为文章形象图且在指定区域展示此形象图的功能. 以下是KindEditor 4.1.1 ...

最新文章

  1. 【vuejs深入三】vue源码解析之二 htmlParse解析器的实现
  2. 北京工商大学计算机考研818真题,2017年北京工商大学计算机与信息工程学院818数据结构考研仿真模拟题...
  3. python网络爬虫的基本步骤-Python网络爬虫学习手记(1)——爬虫基础
  4. apache下php无法连接mysql问题的解决
  5. 动态规划/贪心 - 无重叠区间
  6. React 学习笔记 —— Ref Hook
  7. 容器弹性云底层原理揭秘
  8. 情侣签到365天获1000现金?这款App被关停下架了 网友拍手称快!
  9. 安装chrome插件
  10. 【12c】12c RMAN新特性之通过网络远程恢复数据库(RESTORE/Recover from Service)
  11. 打造属于自己的underscore系列 ( 一 ) - 框架设计
  12. [Ogre][地形][原创]基于OgreTerrain的地形实现
  13. 电力101/104规约文件服务报文浅析
  14. pyqtgraph中文文档
  15. linux qt 屏幕亮度,调整14.04.1 屏幕亮度
  16. jieba分词及词性判断
  17. 学生们共被分为10个等级,包括学魔、学神、学霸、学痞、学弱^
  18. 此图片来自微信公众平台 未经允许不可引用
  19. 算法很没:快速渡河问题
  20. 【Unity开发总结】C# 闭包陷阱

热门文章

  1. 学习笔记——激励函数activation func、损失函数loss func
  2. 百度地图获取行政区划边界
  3. 关于动态库so的makefile编写
  4. 2022年全新USDT支付系统源码+支持自动监控回调
  5. 【4K录屏】高清录屏及剪辑软件:Bandicam 和 Captura
  6. dvwa linux安装教程,Redhat 下 XAMPP 安装部署 DVWA 教程(示例代码)
  7. R语言画好看的聚类树
  8. 油库蓝牙+北斗RTK人员定位方案解析
  9. 全球最强免费电子书下载网址
  10. VMware ESXi 6.7安装过程介绍