ueditor1.4.3 springmvc圖片上傳

ueditor：百度富文本編輯器，地址：ueditor.baidu.com

版本選擇，之因此選擇1.4.3，是由於ueditor 1.4.2才修復在bootstrap環境下圖片拖拽異常，看到1.4.3也修復了很多的bug，沒敢使用1.4.2，稍微看了下源碼，1.4.3裏面不少todo註釋，ueditor一直在改進，不太成熟，既然這麼多bug，爲何要選ueditor作富文本編輯？簡單也是個有點

配置使用：

1，需導入jar包（固然通常項目commons都有）

2，ueditor.config.js

該文件定義了ueditor的請求入口和toolbar功能，這個文件對使用來講能夠不用修改，想刪除不用的功能的話，修改數組便可

3，ueditor.all.js

ueditor經過getActionUrl獲取路徑，修改這個方法配置圖片上傳路徑

其中getServerName是獲取上下文路徑的js，自行修正路徑

action有

• uploadimage：//執行上傳圖片或截圖的action名稱

• uploadscrawl：//執行上傳塗鴉的action名稱

• uploadvideo：//執行上傳視頻的action名稱

• uploadfile：//controller裏,執行上傳視頻的action名稱

• catchimage：//執行抓取遠程圖片的action名稱

• listimage：//執行列出圖片的action名稱

• listfile：//執行列出文件的action名稱

具體參見百度文檔：http://fex.baidu.com/ueditor/#qa-customurl

4,congroller.jsp

ueditor請求入口，須要的話，應該能夠修改爲springmvc 控制器，未測試

5，圖片上傳Controller

public String ueditImageUpload(@RequestParam(value = "upfile", required = false) MultipartFile upfile) {

// 上傳圖片

//返回數據

}

注：返回數據爲json串，內容以下：

public class UploaderParam {  
    private String name; //經過upfile獲取    
    private String originalName; //經過upfile獲取    
    private Long size; //經過upfile獲取    
    private String state;//成功必須爲"SUCCESS"    
    private String type; //經過upfile獲取    
    private String url; //圖片回顯url

自行拼湊json

6，config.json

項目中圖片保存在一個靜態資源服務器，因此這裏設置空前綴，自行修改

7，一切就緒部署上，便可