抠出UEditor中的图片多张上传功能

第一步:需要在项目里面引入ueditor文件夹(其实图片上传有用的是下面几个部分)

第二步:建立一个测试的html文件。

在文件中引入jquery-1.7.2.min.js、editor_config.js、editor_all.js 三个文件

第三步:使用

参数赋值



对于如果使用Struts框架的则要注意修改过滤器:

1、建立一个自己的过滤器

package com.resourcebank.filter;
 import java.io.IOException;
 import javax.servlet.FilterChain;
 import javax.servlet.ServletException;
 import javax.servlet.ServletRequest;
 import javax.servlet.ServletResponse;
 import javax.servlet.http.HttpServletRequest;
 
 import org.apache.struts2.dispatcher.ng.filter.StrutsPrepareAndExecuteFilter;
 
 public class MyStrutsFilter extends StrutsPrepareAndExecuteFilter {
     public void doFilter(ServletRequest req, ServletResponse res,FilterChain chain)
     throws IOException, ServletException {
         HttpServletRequest request = (HttpServletRequest) req;
         //不过滤的url
         String url = request.getRequestURI();
         if ("/resourcebank/UEditor/ueditor/jsp/imageUp.jsp".equals(url)) {    //自己imageUp.jsp所在路径
         //其他 /jsp/ 下的几个路径我不常用,就没写了
         chain.doFilter(req, res);
         }else{
         super.doFilter(req, res, chain);
         }
     }
 }

2、修改web.xml

    <filter>
        <filter-name>struts2</filter-name>
<!--         <filter-class>org.apache.struts2.dispatcher.FilterDispatcher</filter-class> -->   //原来的struts
        <filter-class>com.resourcebank.filter.MyStrutsFilter</filter-class>   //自己的
    </filter>

3、要在lib中引入包




最后因为我自己的项目是gbk的,但是Ueditor是utf-8.最后使用了编码转换器,将image需要用到的文件进行了编码转换。。




补充说明:我做的这个最后是放在cms的table中的,然后发现ie下面报错了如下图:


此时只需要将<script type="text/plain" id="upload_ue"></script>语句放出<table>就可以解决问题。如下图:


则此时问题就解决了。IE就不会报错了。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值