日本综合一区二区|亚洲中文天堂综合|日韩欧美自拍一区|男女精品天堂一区|欧美自拍第6页亚洲成人精品一区|亚洲黄色天堂一区二区成人|超碰91偷拍第一页|日韩av夜夜嗨中文字幕|久久蜜综合视频官网|精美人妻一区二区三区

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

創(chuàng)新互聯(lián)主打移動網(wǎng)站、網(wǎng)站設(shè)計制作、做網(wǎng)站、網(wǎng)站改版、網(wǎng)絡(luò)推廣、網(wǎng)站維護、主機域名、等互聯(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 map = new HashMap();
      Map map2 = new HashMap();
      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;
}

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

當(dāng)前文章：layui富文本編輯器圖片上傳無法回顯怎么辦-創(chuàng)新互聯(lián)
網(wǎng)頁路徑：http://www.dlmjj.cn/article/djehgc.html