亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 編程 > JSP > 正文

使用富文本編輯器上傳圖片實例詳解

2024-09-05 00:22:52
字體:
來源:轉載
供稿:網友

富文本編輯器上傳圖片

一、導入kindeditor的js

<script type="text/javascript" charset="utf-8" src="/js/kindeditor-4.1.10/kindeditor-all-min.js"></script><script type="text/javascript" charset="utf-8" src="/js/kindeditor-4.1.10/lang/zh_CN.js"></script>

二、將kindeditor與一個文本域textarea進行關聯,即用textarea初始化一個kindeditor對象

itemAddEditor = TAOTAO.createEditor("#itemAddForm [name=desc]");//初始化類目選擇和圖片上傳器 TAOTAO.init({fun:function(node){    TAOTAO.changeItemParam(node, "itemAddForm"); }});

三、設置要上傳的參數

var TT = TAOTAO = {  // 編輯器參數  kingEditorParams : {    //指定上傳文件參數名稱    filePostName : "uploadFile",    //指定上傳文件請求的url。    uploadJson : '/pic/upload',    //上傳類型,分別為image、flash、media、file    dir : "image"  },    init : function(data){    // 初始化圖片上傳組件    this.initPicUpload(data);    // 初始化選擇類目組件    this.initItemCat(data);  },  // 初始化圖片上傳組件  initPicUpload : function(data){    $(".picFileUpload").each(function(i,e){      var _ele = $(e);      _ele.siblings("div.pics").remove();      _ele.after('/        <div class="pics">/          <ul></ul>/        </div>');      // 回顯圖片      if(data && data.pics){        var imgs = data.pics.split(",");        for(var i in imgs){          if($.trim(imgs[i]).length > 0){            _ele.siblings(".pics").find("ul").append("<li><a href='"+imgs[i]+"' target='_blank'><img src='"+imgs[i]+"' width='80' height='50' /></a></li>");          }        }      }      //給“上傳圖片按鈕”綁定click事件      $(e).click(function(){        var form = $(this).parentsUntil("form").parent("form");        //打開圖片上傳窗口        KindEditor.editor(TT.kingEditorParams).loadPlugin('multiimage',function(){          var editor = this;          editor.plugin.multiImageDialog({            clickFn : function(urlList) {              var imgArray = [];              KindEditor.each(urlList, function(i, data) {                imgArray.push(data.url);                form.find(".pics ul").append("<li><a href='"+data.url+"' target='_blank'><img src='"+data.url+"' width='80' height='50' /></a></li>");              });              form.find("[name=image]").val(imgArray.join(","));              editor.hideDialog();            }          });        });      });    });

服務端代碼

 public Map uploadPicture(MultipartFile uploadFile) {    Map resultMap=new HashMap<>();    try {      //生成一個新的文件名      //去原始文件名      String oldName=uploadFile.getOriginalFilename();      //生成新的文件名      //UUID.randomUUID();      String newName=IDUtils.genImageName();      newName=newName+oldName.substring(oldName.lastIndexOf("."));      String imagePath=new DateTime().toString("/yyyy/MM/dd");      //上傳圖片      boolean result=FtpUtil.uploadFile(FTP_ADDRESS,FTP_PORT, FTP_USERNAME, FTP_PASSWORD, FTP_BASE_PATH,          imagePath, newName, uploadFile.getInputStream());      System.out.println("result="+result);      if(!result){        resultMap.put("error", 1);        resultMap.put("message", "文件上傳失敗");        System.out.println("hh");        return resultMap;      }            resultMap.put("error", 0);      resultMap.put("url", IMAGE_BASE_PATH + imagePath + "/" + newName);      return resultMap;    } catch (IOException e) {      resultMap.put("error", 1);      resultMap.put("message", "文件上傳異常");      return resultMap;    }  }

注意:服務端返回的json串的格式{error: 0|1,message|url} 其中error為整型不為字符串,如果寫成字符串圖片能夠正常上傳至服務器,但是不能在瀏覽器中回顯。

感謝閱讀,希望能幫助到大家,謝謝大家對本站的支持!

 

注:相關教程知識閱讀請移步到JSP教程頻道。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
国产99久久精品一区二区 夜夜躁日日躁| 在线播放日韩精品| 欧美人与物videos| 欧美性xxxx在线播放| 国产成人小视频在线观看| 国产成人av在线| 中文字幕在线亚洲| 尤物yw午夜国产精品视频| 亚洲肉体裸体xxxx137| 日韩有码在线观看| 国产日韩欧美夫妻视频在线观看| 日本精品久久久久久久| 97久久精品人人澡人人爽缅北| 亚洲欧美国产另类| 亚洲自拍偷拍一区| 久久久久久91香蕉国产| 亚洲第一区中文99精品| 精品国产91乱高清在线观看| 久久露脸国产精品| 亚洲欧美激情四射在线日| 2019中文字幕免费视频| 91tv亚洲精品香蕉国产一区7ujn| 久久精品91久久香蕉加勒比| 国产一区二区黑人欧美xxxx| 国产成人精品日本亚洲| 日本精品免费观看| 国产精品免费看久久久香蕉| 久久久精品日本| 亚洲精品国产suv| 欧美麻豆久久久久久中文| 亚洲精品在线视频| 91精品久久久久久久久久久| 91成人免费观看网站| 欧美做受高潮电影o| 在线播放精品一区二区三区| 国产日韩中文字幕| 亚洲精品第一页| 91精品视频在线| 精品国产31久久久久久| 96pao国产成视频永久免费| 深夜精品寂寞黄网站在线观看| 久久久国产影院| 国产精品久久久久久久久男| 91精品视频在线免费观看| 成人444kkkk在线观看| 日韩欧美在线看| 精品视频偷偷看在线观看| 日本不卡免费高清视频| 欧美精品亚州精品| 国内精品在线一区| 欧美性做爰毛片| 91精品免费久久久久久久久| 国产日韩精品在线观看| 国产日韩欧美在线观看| 国产精品91久久久久久| 在线成人激情视频| 91精品视频大全| 亚洲国产另类久久精品| 欧美性生交大片免费| 午夜精品久久久久久久99黑人| 日韩国产欧美精品一区二区三区| 亚洲人成欧美中文字幕| 久久久天堂国产精品女人| 成人性生交大片免费看小说| 精品国产91久久久| 亚洲xxxx在线| 国产脚交av在线一区二区| 97久久久久久| 欧美电影免费观看高清| 97香蕉超级碰碰久久免费的优势| 国产精品久久久久久久久久小说| 精品国产一区二区三区久久狼黑人| 欧美大奶子在线| 日韩福利在线播放| 国产精品久久999| 日韩电影免费观看在线观看| 国产精品美乳一区二区免费| 91久久精品国产91性色| 97视频在线观看播放| 欧美日韩日本国产| 国产精品中文字幕在线| 亚洲欧美国产精品va在线观看| 久久夜精品va视频免费观看| 欧美极品少妇xxxxx| 亚洲图片欧美午夜| 亚洲国产一区二区三区在线观看| 这里只有精品丝袜| 亚洲精品免费在线视频| 尤物yw午夜国产精品视频| 5278欧美一区二区三区| 96pao国产成视频永久免费| 日韩a**站在线观看| 国产视频在线观看一区二区| 黑人狂躁日本妞一区二区三区| 国产综合香蕉五月婷在线| 亚洲精品资源在线| 岛国av在线不卡| 亚洲国产精品人人爽夜夜爽| 欧美成人性色生活仑片| 国产精品美女视频网站| 色妞久久福利网| 精品福利一区二区| 亚洲色图第三页| 日韩国产精品一区| 搡老女人一区二区三区视频tv| 社区色欧美激情 | 欧美黑人一区二区三区| 亚州欧美日韩中文视频| 中文字幕自拍vr一区二区三区| 91av网站在线播放| 青青久久av北条麻妃黑人| 国产精品久久在线观看| 国产精品aaaa| 97精品欧美一区二区三区| 亚洲性视频网站| 精品成人在线视频| 日韩动漫免费观看电视剧高清| 久久国产天堂福利天堂| 日韩av片免费在线观看| 国产网站欧美日韩免费精品在线观看| 亚洲色图欧美制服丝袜另类第一页| 欧美精品电影在线| 精品国产乱码久久久久久虫虫漫画| 性夜试看影院91社区| 亚洲区一区二区| 亚洲精品国产福利| 久久国产精品网站| 亚洲色图激情小说| 欧美日韩人人澡狠狠躁视频| 日韩美女视频在线观看| www.日韩免费| 97精品欧美一区二区三区| 7777kkkk成人观看| 成人写真视频福利网| 国产精品国产自产拍高清av水多| 欧美日韩裸体免费视频| 亚洲精品电影在线观看| 韩剧1988免费观看全集| 亚洲最新中文字幕| 岛国av午夜精品| 日本在线观看天堂男亚洲| 欧美成年人视频网站| 国产精彩精品视频| 亚洲在线观看视频| 欧美裸体男粗大视频在线观看| 日韩av在线免费看| 中文字幕av一区二区三区谷原希美| 日韩欧美高清在线视频| 九九热精品视频国产| 国产亚洲精品久久久久久777| 日韩久久午夜影院| 5252色成人免费视频| 国产精品国产福利国产秒拍| 欧美成人黄色小视频| 中文字幕最新精品| 国产精品成人aaaaa网站| 亚洲天堂免费观看| 亚洲精品影视在线观看| 欧美激情一级精品国产| 精品视频—区二区三区免费| 中文字幕亚洲无线码a| 成人黄色大片在线免费观看| 51精品在线观看| 国产成人精品一区二区三区|