UEditor富文本编辑器时,插入图片没有任何反应

1、信息: Unable to find ‘struts.multipart.saveDir‘ property setting. Defaulting to javax.servlet.context.tempdir

这是struts需要在struts.xml配置临时文件夹。

只需要在struts.xml的<struts></struts>中添加一下语句即可。

<constant name="struts.multipart.saveDir" value="/tmp"/>

原因:

1.struts.multipart.saveDir用于存放指定临时文件的文件夹,该配置在struts.properties文件中。例如:在struts.properties文件中加入如下代码:

struts.multipart.saveDir = /tmp

这样下次提交表单的时候就不会出现这个问题了!

2.如果没有用struts.properties文件,也可以在struts.xml中配置如下代码,效果一样:

<constant name="struts.multipart.saveDir" value="/tmp"/>

2、上传图片时如果提示“上传数据找不到”,则我们不能用struts自己的过滤器,我们要自己写一个,以下为步骤:

增加创建一个过滤器,用来过滤ueditor的上传请求:

 1 package Filter;
 2
 3 import java.io.IOException;
 4
 5 import javax.servlet.Filter;
 6 import javax.servlet.FilterChain;
 7 import javax.servlet.FilterConfig;
 8 import javax.servlet.ServletException;
 9 import javax.servlet.ServletRequest;
10 import javax.servlet.ServletResponse;
11 import javax.servlet.http.HttpServletRequest;
12
13 import org.apache.struts2.dispatcher.StrutsRequestWrapper;
14 //由于UEditor图片不能上传自制的Filter过滤器
15 public class UeditorFilter implements Filter {
16
17     @Override
18     public void doFilter(ServletRequest req, ServletResponse res,
19             FilterChain chain) throws IOException, ServletException {
20         HttpServletRequest request = (HttpServletRequest) req;
21         String url = request.getRequestURI();
22
23             if (decideURI(url)) {
24                 chain.doFilter(new StrutsRequestWrapper((HttpServletRequest) req), res);
25             }else{
26                 chain.doFilter(req, res);
27             }
28
29     }
30
31     /**
32      * ueditor编辑器中的图片上传和文件上传
33      * @param url
34      * @return
35      */
36     private boolean decideURI(String url){
37         if(url.endsWith("imageUp.jsp")){
38             return true;
39         }else if(url.endsWith("fileUp.jsp")){
40             return true;
41         }//此处可能需要修改
42         return false;
43     }
44
45     @Override
46     public void destroy() {
47
48     }
49
50     @Override
51     public void init(FilterConfig filterConfig) throws ServletException {
52
53     }
54
55 }  

UeditorFilter

由于最新的百度UEditor编辑器,上传图片不是使用的imageUp.jsp

所有的上传都是使用的controller.jsp,所以将if中的判断改为

if (url.endsWith("controller.jsp")) {
            return true;
        }

即可

注意还需要在web.xml中配置使用上面定义的过滤器,替换原来的那个默认过滤器,代码如下 :

1   <filter>
2      <filter-name>struts2</filter-name>
3     <filter-class>Filter.UeditorFilter</filter-class>
4  </filter>
5 <filter-mapping>
6      <filter-name>struts2</filter-name>
7      <url-pattern>/*</url-pattern>
8  </filter-mapping>  

就此,问题得到解决

原文地址:https://www.cnblogs.com/hzb462606/p/9036483.html

时间: 2024-08-01 07:56:32

UEditor富文本编辑器时,插入图片没有任何反应的相关文章

django之百度Ueditor富文本编辑器后台集成

Python3 + Django2.0 百度Ueditor 富文本编辑器的集成 百度富文本编辑器官网地址:http://fex.baidu.com/ueditor/ 疑问:为什么要二次集成? 答案:因为百度富文本编辑器Ueditor没有对python的支持 步骤1: 在官网下载Ueditor的任意版本代码:http://ueditor.baidu.com/website/download.html#ueditor 步骤2: 将下载的代码放入到 django 项目中 步骤3:前端引用 在前端HTM

ASP.NET MVC5 中百度ueditor富文本编辑器的使用

随着网站信息发布内容越来越多,越来越重视美观,富文本编辑就是不可缺少的了,众多编辑器比较后我选了百度的ueditor富文本编辑器. 百度ueditor富文本编辑器分为两种一种是完全版的ueditor,另一种是ueditor的迷你版umeditor. 一.我们先讲完全版的ueditor. 1.建立数据模型. 2.建立对应的控制器和视图. 3.访问http://ueditor.baidu.com/website/download.html 进入开发版的下载页面,下载.net UTF-8版本,现在最新

PHP如何搭建百度Ueditor富文本编辑器

本文为大家分享了PHP搭建百度Ueditor富文本编辑器的方法,供大家参考,具体内容如下 下载UEditor 官网:下载地址 将下载好的文件解压到thinkphp项目中,本文是解压到PUBLIC目录下并改文件夹名称为ueditor 第一步 引入javascript 在html中如入下面的js语句引入相关文件 ? 1 2 <script type="text/javascript" charset="utf-8" src="__PUBLIC__/ued

WEB项目中使用UEditor(富文本编辑器)

Ueditor富文本编辑器是在很多项目里经常用到的框架,是百度开发团队开发的一款很好用的富文本编辑器 下面就是我在一个系统里用到的,有了富文本编辑器,管理员使用起来不是很方便? 所以本博客介绍这个富文本编辑器的使用哈!觉得写得不错的请点赞哈,有建议欢迎提哈!^V^ 下载链接:http://ueditor.baidu.com/website/download.html 具体的使用请看官网:http://ueditor.baidu.com/website/index.html 下载富文本编辑器后,我

Simditor 富文本编辑器多选图片上传、视频连接插入

simditor 是一个基于浏览器的所见即所得的文本编辑器.Simditor 富文本编辑器, 支持多选图片上传, 视频连接插入, HTML代码编辑以及常用富文本按钮,支持的浏览器:IE10.Firefox.Safari. 点击这里下载zip文件.你也可以安装 Simditor bower 和 npm: $ npm install simditor $ bower install simditor 在 项目中使用 simditor 导入 simditor 样式文件和 js 文件 <link rel

springMVC -- 整合UEditor(富文本编辑器)

工作中需要用到UEditor编辑文本,在与springMVC进行整合时,出现了一些问题,结果导致,在进行图片上传时出现如下提示: 上网查询了很多相关资料,此处简要记录下,防止以后遇到类似问题. 1.编写controller 如下(该接口是ueditor前后台交互的统一路径) : package com.test.dcdp.controller; import java.io.IOException; import java.io.PrintWriter; import javax.servlet

在网站中使用UEditor富文本编辑器

UEditor是由百度WEB前端研发部开发的所见即所得的开源富文本编辑器,具有轻量.可定制.用户体验优秀等特点. 官网链接 进入到下载页面,选择相应的版本下载 这里我们使用ASP.NET开发,所以选择.NET版本. 将文件解压后,目录结构如下: 将外部js引入到页面中 <script src="Assets/js/ueditor/ueditor.config.js" type="text/javascript"></script> <s

springMVC -- 对接UEditor(富文本编辑器)

工作中需要用到UEditor编辑文本,在与springMVC进行整合时,出现了一些问题,结果导致,在进行图片上传时出现如下提示: 上网查询了很多相关资料,此处简要记录下,防止以后遇到类似问题. 一种方式是直接修改源码,步骤如下: 1.编写controller 如下(该接口是ueditor前后台交互的统一路径) : package com.test.dcdp.controller; import java.io.IOException; import java.io.PrintWriter; im

PHP Ueditor 富文本编辑器

2016年12月11日 08:46:59 星期日 百度的简版富文本编辑器umeditor很久没更新了 全功能版本的配置项跟umeditor还是有区别的, 这里说下ueditor怎么对接到项目中去, 主要说明图片上传怎么使用 HTML: 1 //承载编辑器 2 <script id="container" name="content" type="text/plain"></script> 3 4 5 //加载js 6 &l