ueditor1_4_3-utf8-jsp 配置实现上传图片的功能遇到的问题,改变图片上传请求地址

我的项目结构如下图

   


1、导入ueditor代码包之后部分js文件出现错误

       这个是因为我下载的是utf-8编码的,但是我将外面的ueditor文件夹编码格式修改成utf-8之后还是不行。最后是把ueditor下面的文件全部删除,将ueditor先修改成utf-8格式的编码,然后再倒入ueditor代码包就没有问题了。


2、将ueditor中的lib下的jar包放到项目的lib下并引入。


3、一些配置如下图


修改红色箭头的地方的值,uploadImageUE是我们自己写的图片上传的servlet,替换掉默认的上传的后台。

替换默认的上传后台需要再jsp或者js中加入下面的代码。

否则只修改了imageActionName的值而在jsp或js中不加入下面的代码,上传图片会报无效的Action错误,因为他找不到对应的Action了,需要我们自己写代码作下判断,覆盖默认的请求地址。

UE.Editor.prototype._bkGetActionUrl = UE.Editor.prototype.getActionUrl;
UE.Editor.prototype.getActionUrl = function(action) {
    if (action == 'uploadimage' || action == 'uploadscrawl' || action == 'uploadimage') {
        return 'http://a.b.com/upload.php';
    } else if (action == 'uploadvideo') {
        return 'http://a.b.com/video.php';
    } else {
        return this._bkGetActionUrl.call(this, action);
    }
}
我的文件中写的如下图:



4、上传到后台之后,返回给前台的json格式如下:

 {"title":"upfile","original":"news_content_9266655998.jpg","state":"SUCCESS","type":"image/jpeg","url"
:" http://image.zhaoworong.com/upload/news_content/4565/0579/news_content_3690037515.jpg","size":1890}

在官网文档中给出的返回值格式至少要包含下面这几个字段
{
    "state": "SUCCESS",
    "url": "upload/demo.jpg",
    "title": "demo.jpg",
    "original": "demo.jpg"
}

否则会报服务器返回错误

5、后端配置项没有正常加载,上传插件不能正常使用

1、确认config.json里面的 imagePathFormat 这个路径正确;
2、确认在web-inf下面的lib中已导入Ueditor的jar包和文件上传相关的jar包。

我遇到的情况是2,也就是没有导入jar包,因为项目中有一些jar包,因此就没有导入,发现不行。使用ue中的jar则没有问题了。

还会有其他原因,视情况而找原因和答案。


6、在web.xml中配置下新的servlet请求映射

<servlet>
  <servlet-name>UploadImageUEServlet</servlet-name>
  <servlet-class>com.ue.UploadImageUEServlet</servlet-class>
  </servlet>
  <servlet-mapping>
  <servlet-name>UploadImageUEServlet</servlet-name>
  <url-pattern>/uploadImageUE</url-pattern>
  </servlet-mapping>



最后,可以参考下这个博客http://blog.sina.com.cn/s/blog_8d960c4c0102v468.html


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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值