欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

umeditor图片上传成功, 但提示上传失败

程序员文章站 2022-03-11 22:52:43
  第一次使用umeditor做简单的富文本, 感觉挺顺利的, 文字样式等都保存下来了并成功地回显. 在上传图片的时候, 碰到了问题: 选择图片后会自动上传到后台, 后台保存图片成功, 但umeditor却提示上传失败. 网上查了资料, 发现是bug, 好兴奋.  原因是UM上传文件用iframe来模拟ajax上传,返回的内容获取到了,但是有
标记.  解决方法有两种:  1.修改UM源码  具体方法在 UMeditor/dialogs/image/image.js 中的 upl...

  第一次使用umeditor做简单的富文本, 感觉挺顺利的, 文字样式等都保存下来了并成功地回显. 在上传图片的时候, 碰到了问题: 选择图片后会自动上传到后台, 后台保存图片成功, 但umeditor却提示上传失败. 网上查了资料, 发现是bug, 好兴奋.
  原因是UM上传文件用iframe来模拟ajax上传,返回的内容获取到了,但是有<pre>标记.
  解决方法有两种:
  1.修改UM源码
  具体方法在 UMeditor/dialogs/image/image.js 中的 uploadComplete 属性里面增加一行代码:

r=r.replace(/<\/?pre( style=".*")?>/g, "");

将数据处理成json即可.
  2.响应头设置为text/html
  原生jsp:

response.setContentType("text/html; charset=UTF-8"); 
PrintWriter writer=response.getWriter();
writer.write(json.toString());
writer.close();

注意数据不是直接返回的.
  资料:
1.https://blog.csdn.net/dreamerframework/article/details/22392151
2.https://blog.csdn.net/qq_39098505/article/details/85057717

本文地址:https://blog.csdn.net/gun_008/article/details/108734426