ueditor上传图片踩过的坑

这篇文章是在你对ueditor有过一些了解后再看最好

简单说下，ueditor对上传图片的功能有很好的兼容，只需要下对应的jsp或者php等其他版本就好，这里我就说下我踩过的坑

开始，是不想用ueditor的默认配置，因为他是上传到web部署目录下的，这样服务器只要重启，上传的图片也就没了，所以理所当然的，图片要换个地方存，那这里就需要重写他的一个方法

UE.Editor.prototype.getActionUrl = function(action) {
    //这里很重要，很重要，很重要，要和配置中的imageActionName值一样
    alert(action);
    if (action == '/upload/image') {
        //这里调用后端我们写的图片上传接口

        return 'http://localhost:8080/upload/image';
    } else {
        return this._bkGetActionUrl.call(this, action);
    }
}

以上代码可以在ueditor官网文档找到，也是官方建议我们采取的自定义上传路径方法，action参数就是处理的controller，需要在config.json配置imageActionName，

至于说，我踩的坑就是，本来想将ueditor.config.js中的serverUrl全部换成自己来处理，结果没想到改了后，action也就是imageActionName这个我们设的值一直读取不到，老是读默认值“config"，后来读了下源码，原来是config.json这个文件和serverUrl指向的处理类必须在同一个目录下，如果要改的话也行，不过感觉没必要，于是我最终还是老老实实地把serverUrl换回原来的值jsp/controller.jsp，这样controller.jsp和config.json就在同一目录了，

其实说到底，要想自己处理图片上传，就改下config.json中的imageUrlPrefix和imageActionName，其他视情况而定吧，像imagePathFormat和一些图片的大小啊之类的，看你自己，然后就在前台初始化ueditor的js下面再加上上面的代码，其中的action值和return后的路径根据实际情况而定哈，路径就是处理图片上传的controller