這篇文章主要介紹了layui富文本編輯器圖片上傳無法回顯怎么辦，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

創(chuàng)新互聯(lián)主打移動網(wǎng)站、網(wǎng)站設(shè)計制作、做網(wǎng)站、網(wǎng)站改版、網(wǎng)絡(luò)推廣、網(wǎng)站維護(hù)、主機(jī)域名、等互聯(lián)網(wǎng)信息服務(wù)，為各行業(yè)提供服務(wù)。在技術(shù)實力的保障下，我們?yōu)榭蛻舫兄Z穩(wěn)定，放心的服務(wù)，根據(jù)網(wǎng)站的內(nèi)容與功能再決定采用什么樣的設(shè)計。最后，要實現(xiàn)符合網(wǎng)站需求的內(nèi)容、功能與設(shè)計，我們還會規(guī)劃穩(wěn)定安全的技術(shù)方案做保障。

layui富文本編輯器用起來挺方便的，但是不足的是不提供圖片上傳的接口，需要自己寫上傳接口，而且返回的數(shù)據(jù)類型要符合layui富文本編輯器圖片上傳插件的要求，否則圖片可以上傳成功，但是無法回顯，這個問題找了好久才找到原來是返回的數(shù)據(jù)結(jié)構(gòu)不符合layui要求，經(jīng)過修改才得以解決，現(xiàn)在把代碼貼出來共享。加粗字體的代碼是返回數(shù)據(jù)結(jié)構(gòu)

@ResponseBody
@RequestMapping(value = "fillupf", method = RequestMethod.POST)
public String fillupf(@RequestParam("file") MultipartFile[] files) {
try {
String[] courseware = new String[files.length];
int index = 0;
for (MultipartFile file : files) {
boolean isLegal = false;
for (String type : ALLOW_FILE_TYPE) {
if (StringUtils.endsWithIgnoreCase(file.getOriginalFilename(), type)) {
isLegal = true;
break;
}
}
// 封裝Result對象，并且將文件的byte數(shù)組放置到result對象中
PicUploadResult fileUploadResult = new PicUploadResult();
// 狀態(tài)
fileUploadResult.setError(isLegal ? 0 : 1);
// 文件新路徑
String filePath = getFilePath(file.getOriginalFilename());
if (LOGGER.isDebugEnabled()) {
LOGGER.debug("Pic file upload .[{}] to [{}] .", file.getOriginalFilename(), filePath);
}
// 生成圖片的絕對引用地址
String picUrl = StringUtils.replace(StringUtils.substringAfter(filePath, propertieService.REPOSITORY_PATH), "\\", "/");
fileUploadResult.setUrl(propertieService.IMAGE_BASE_URL + picUrl);
File newFile = new File(filePath);
// 寫文件到磁盤
file.transferTo(newFile);
// 狀態(tài)
fileUploadResult.setError(isLegal ? 0 : 1);
if (!isLegal) {
// 不合法，將磁盤上的文件刪除
newFile.delete();
}
courseware[index++] = fileUploadResult.getUrl();
}
String fillUrls=StringUtils.join(courseware, ",");
Map<String,Object> map = new HashMap<String,Object>();
      Map<String,Object> map2 = new HashMap<String,Object>();
      map.put("code",0);//0表示成功，1失敗
      map.put("msg","上傳成功");//提示消息
      map.put("data",map2);
      map2.put("src",fillUrls);//圖片url
      map2.put("title","圖片丟失");//圖片名稱，這個會顯示在輸入框里
      JSONObject jsonObject = JSONObject.fromObject(map); 
      String result = jsonObject.toString();
      return result;
} catch(Exception e) {

}
return null;
}

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“l(fā)ayui富文本編輯器圖片上傳無法回顯怎么辦”這篇文章對大家有幫助，同時也希望大家多多支持創(chuàng)新互聯(lián)，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關(guān)知識等著你來學(xué)習(xí)!

當(dāng)前標(biāo)題：layui富文本編輯器圖片上傳無法回顯怎么辦-創(chuàng)新互聯(lián)
文章位置：http://m.rwnh.cn/article12/djehgc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供App設(shè)計、域名注冊、面包屑導(dǎo)航、定制網(wǎng)站、外貿(mào)網(wǎng)站建設(shè)、電子商務(wù)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)