UEditor編輯器上傳圖片開發流程

在ueditor目錄下找到uedior.config.js，找到如下三行：

,imageUrl: "<%=path %>/controller.json" //圖片上傳提交后台對應的地址，路徑固定為*/controller.*
,imagePath: "<%=path %>/ueditor/" //圖片在服務器上的存儲目錄
,imageFieldName: "upload" //后台對應接收image的參數名

或者：

var ueditor = UE.getEditor('myEditor',{
    imageUrl: "<%=path %>/servlet/UploadServlet", //圖片上傳提交后台對應的地址
    imagePath: "<%=path %>/ueditor/",  //圖片在服務器上的存儲目錄
    imageFieldName: "upload"  //后台對應接收image的參數名
});

注意：記得在uedior.config.js配置文件中把"serverUrl"注釋掉

在/ueditor/_src/plugins/simpleupload.js文件中，把link = me.options.imageUrlPrefix + json.url; 改為link = getRootPath()+json.url;

最后配置服務器返回的數據格式，這需要這服務器端進行修改。對應於后台接收上傳圖片的那個controller，返回的格式需如下：

{'url':'60391393848223.jpg','title':'p1999637039.jpg','original':'p1999637039.jpg','state':'SUCCESS'}

注意：url用相對路徑，這樣就OK了。

//js獲取項目根路徑，如： http://localhost:8083/uimcardprj

function getRootPath(){

    //獲取當前網址，如： http://localhost:8083/uimcardprj/share/meun.jsp

    var curWwwPath=window.document.location.href;

    //獲取主機地址之后的目錄，如： uimcardprj/share/meun.jsp

    var pathName=window.document.location.pathname;

    var pos=curWwwPath.indexOf(pathName);

    //獲取主機地址，如： http://localhost:8083

    var localhostPaht=curWwwPath.substring(0,pos);

    //獲取帶"/"的項目名，如：/uimcardprj

    var projectName=pathName.substring(0,pathName.substr(1).indexOf('/')+1);

    //return localhostPaht + projectName;

    return localhostPaht+"/";

}