編輯器Ueditor和SpringBoot 的整合方法
1.先導(dǎo)入ueditor所有的包:在springboot static下
2.導(dǎo)入需要的ueditor的js
3.配置ueditor.config.js
的// 服務(wù)器統(tǒng)一請求接口路徑://, serverUrl:
(這個(gè)路徑是個(gè)Java類,和config.js的內(nèi)容相同)
4.js里面執(zhí)行1.var ue = UE.getEditor('editor');
函數(shù)
5.上傳圖片:
/* Ueditor里面的上傳圖片 */ UE.Editor.prototype._bkGetActionUrl=UE.Editor.prototype.getActionUrl; //action是config.json配置文件的action UE.Editor.prototype.getActionUrl=function(action){ if (action == 'uploadimage'){ return [[@{/common/upload/image}]]; /* 這里填上你自己的上傳圖片的action */ }else if(action == 'uploadvideo'){ return [[@{/common/upload/image}]]; }else{ return this._bkGetActionUrl.call(this, action); } };
6.上傳圖片的方法:
@RequestMapping(value = "/upload/image", method = RequestMethod.POST, produces = MediaType.APPLICATION_JSON_VALUE) @ResponseBody public Map<String,Object> save(HttpServletRequest req){ Map<String,Object> rs = new HashMap<String, Object>(); MultipartHttpServletRequest mReq = null; MultipartFile file = null; String fileName = ""; // 原始文件名 UEDITOR創(chuàng)建頁面元素時(shí)的alt和title屬性 String originalFileName = ""; try { mReq = (MultipartHttpServletRequest)req; // 從config.json中取得上傳文件的ID file = mReq.getFile("upfile"); if(!file.isEmpty()){ // 取得文件的原始文件名稱 fileName = file.getOriginalFilename(); originalFileName = fileName; String ext = (FilenameUtils.getExtension(file.getOriginalFilename())).toLowerCase(); String storePath = ""; if ("jpg".equals(ext) || "png".equals(ext) || "jpeg".equals(ext) || "bmp".equals(ext)) { storePath = "upload/image/"; }else{ storePath = "upload/video/"; } //將圖片和視頻保存在本地服務(wù)器 String pathRoot = req.getSession().getServletContext().getRealPath(""); String path = pathRoot + "/" + storePath; file.transferTo(new File(path+fileName)); String doMain = readProperties.getFileDomain(); String httpImgPath = doMain + storePath + fileName; rs.put("state", "SUCCESS");// UEDITOR的規(guī)則:不為SUCCESS則顯示state的內(nèi)容 rs.put("url",httpImgPath); //能訪問到你現(xiàn)在圖片的路徑 rs.put("title", originalFileName); rs.put("original", originalFileName); } } catch (Exception e) { e.printStackTrace(); rs.put("state", "文件上傳失敗!"); //在此處寫上錯(cuò)誤提示信息,這樣當(dāng)錯(cuò)誤的時(shí)候就會顯示此信息 rs.put("url",""); rs.put("title", ""); rs.put("original", ""); } return rs; }
總結(jié)
以上所述是小編給大家介紹的編輯器Ueditor和SpringBoot 的整合方法,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時(shí)回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
相關(guān)文章
Java中jakarta.validation數(shù)據(jù)校驗(yàn)幾個(gè)主要依賴包講解
在Java開發(fā)中,BeanValidationAPI提供了一套標(biāo)準(zhǔn)的數(shù)據(jù)驗(yàn)證機(jī)制,尤其是通過JakartaBeanValidation(原HibernateValidator)實(shí)現(xiàn),文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-09-09java實(shí)現(xiàn)漢字轉(zhuǎn)unicode與漢字轉(zhuǎn)16進(jìn)制實(shí)例
這篇文章主要介紹了java實(shí)現(xiàn)漢字轉(zhuǎn)unicode與漢字轉(zhuǎn)16進(jìn)制的實(shí)現(xiàn)方法,是Java操作漢字編碼轉(zhuǎn)換的一個(gè)典型應(yīng)用,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2014-10-10SpringBoot一個(gè)接口多個(gè)實(shí)現(xiàn)類的調(diào)用方式總結(jié)
這篇文章主要介紹了SpringBoot一個(gè)接口多個(gè)實(shí)現(xiàn)類的調(diào)用方式,本文給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2024-01-01