最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

解決layui富文本編輯器圖片上傳無法回顯的問題

 更新時(shí)間:2019年09月18日 16:37:24   作者:韓迎賓  
今天小編就為大家分享一篇解決layui富文本編輯器圖片上傳無法回顯的問題,具有很好的參考價(jià)值,希望對大家有所幫助。一起跟隨小編過來看看吧

layui富文本編輯器用起來挺方便的,但是不足的是不提供圖片上傳的接口,需要自己寫上傳接口,而且返回的數(shù)據(jù)類型要符合layui富文本編輯器圖片上傳插件的要求,否則圖片可以上傳成功,但是無法回顯,這個(gè)問題找了好久才找到原來是返回的數(shù)據(jù)結(jié)構(gòu)不符合layui要求,經(jīng)過修改才得以解決,現(xiàn)在把代碼貼出來共享。加粗字體的代碼是返回?cái)?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","圖片丟失");//圖片名稱,這個(gè)會顯示在輸入框里
      JSONObject jsonObject = JSONObject.fromObject(map); 
      String result = jsonObject.toString();
      return result;
} catch(Exception e) {

}
return null;
}

以上這篇解決layui富文本編輯器圖片上傳無法回顯的問題就是小編分享給大家的全部內(nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。

相關(guān)文章

  • JS常用排序方法實(shí)例代碼解析

    JS常用排序方法實(shí)例代碼解析

    這篇文章主要介紹了js常用排序方法實(shí)例代碼解析,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
    2020-03-03
  • 關(guān)于__defineGetter__ 和__defineSetter__的說明

    關(guān)于__defineGetter__ 和__defineSetter__的說明

    關(guān)于__defineGetter__ 和__defineSetter__的說明...
    2007-05-05
  • 詳解如何在JS代碼中消滅for循環(huán)

    詳解如何在JS代碼中消滅for循環(huán)

    這篇文章主要介紹了詳解如何在JS代碼中消滅for循環(huán),文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2019-12-12
  • javascript+xml技術(shù)實(shí)現(xiàn)分頁瀏覽

    javascript+xml技術(shù)實(shí)現(xiàn)分頁瀏覽

    基于web的技術(shù)中,分頁是一個(gè)老的不能再老的,但大家津津樂道的問題,隨著xml技術(shù)的日漸應(yīng)用,把xml應(yīng)用到分頁當(dāng)中,也是一種可能,當(dāng)然網(wǎng)上的教程很多,當(dāng)我都是看得稀里糊涂,索性自己寫一個(gè),與大家分享、指正。
    2008-07-07
  • javascript設(shè)計(jì)模式 – 外觀模式原理與用法實(shí)例分析

    javascript設(shè)計(jì)模式 – 外觀模式原理與用法實(shí)例分析

    這篇文章主要介紹了javascript設(shè)計(jì)模式 – 外觀模式,結(jié)合實(shí)例形式分析了javascript外觀模式基本概念、原理、用法及操作注意事項(xiàng),需要的朋友可以參考下
    2020-04-04
  • js圖片輪播手動切換特效

    js圖片輪播手動切換特效

    這篇文章主要為大家詳細(xì)介紹了js圖片輪播手動切換特效,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2017-01-01
  • 2007/12/23更新創(chuàng)意無限,簡單實(shí)用(javascript log)

    2007/12/23更新創(chuàng)意無限,簡單實(shí)用(javascript log)

    在javascript開發(fā)過程中,如果總是使用alert的方式調(diào)試程序,在某些簡單的程序中是可行的. 但是在通常的項(xiàng)目很復(fù)雜,這種方式已經(jīng)很難滿足,企業(yè)級開發(fā)的需要。
    2007-12-12
  • 讓瀏覽器崩潰的12行JS代碼(DoS攻擊分析及防御)

    讓瀏覽器崩潰的12行JS代碼(DoS攻擊分析及防御)

    現(xiàn)在有一段12行的JavaScript代碼,可以讓firefox、chrome、safari瀏覽器崩潰,而且還能讓iphone重啟、安卓閃退,本文作者對于該12行代碼進(jìn)行了分析解讀并且提出了相應(yīng)的防御辦法,歡迎大家一同探討。有需要的朋友們可以參考借鑒。
    2016-10-10
  • javascript基礎(chǔ)知識講解

    javascript基礎(chǔ)知識講解

    本篇適合javascript新手或者學(xué)了前端一段時(shí)間,對js概念不清晰的同學(xué)。本文將講述幾點(diǎn)對于初學(xué)者遇到的javascript的坑,相信對javascript基礎(chǔ)薄弱的同學(xué),可以加深對javascript的理解
    2017-01-01
  • 前端插件之Bootstrap Dual Listbox使用教程

    前端插件之Bootstrap Dual Listbox使用教程

    這篇文章主要介紹了前端插件之Bootstrap Dual Listbox使用教程,本文給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值 ,需要的朋友可以參考下
    2019-07-07

最新評論

辽中县| 招远市| 西乌珠穆沁旗| 嘉定区| 育儿| 香格里拉县| 深州市| 东港市| 稻城县| 铁岭县| 文登市| 湖口县| 京山县| 鲜城| 翁牛特旗| 太湖县| 广饶县| 龙山县| 宜君县| 和硕县| 河曲县| 潍坊市| 栖霞市| 大悟县| 丰都县| 连江县| 灵石县| 侯马市| 札达县| 兴安县| 永泰县| 沾益县| 东至县| 吉隆县| 浠水县| 家居| 康定县| 辛集市| 南澳县| 邹平县| 安图县|