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

首頁 > 開發 > JS > 正文

Bootstrap Fileinput 4.4.7文件上傳實例詳解

2024-05-06 16:45:19
字體:
來源:轉載
供稿:網友

本實例所做功能為發送帶附件郵件,可以上傳多個附件,操作為選擇一個附件以后自動上傳,然后繼續選擇附件,填寫完表單其他信息,點擊保存發送帶附件郵件。

HTML標簽

<input id="fileUpload" type="file" name="file" data-show-preview="true" multiple/>

js初始化,設置全局文件名參數

var fileName = [];function initFileInput(id, url) {    $("#" + id).fileinput({      language: 'zh',       uploadAsync:false,      uploadUrl:url,      browseClass: "btn btn-secondary",      textEncoding:"UTF-8",      showUpload: false,      showPreview :true,      dropZoneEnabled: false,      maxFileCount:5,      fileActionSettings:{        showUpload: true      },      enctype:'multipart/form-data',      msgFilesTooMany: "選擇上傳的文件數量({n}) 超過允許的最大數值{m}!",    }).on("filebatchselected", function(event, files) {      $("#fileUpload").fileinput("upload");    }).on("filebatchuploadsuccess", function (event, data, previewId, index){      if(data.response.success == true)      {        fileName.push(data.response.fileName);      }else{        alert("上傳失敗!");      }      $("#fileUpload").fileinput("clear");      $("#fileUpload").fileinput("reset");    }).on('fileerror', function(event, data, msg) {       alert(msg);    });  }

java后臺上傳文件代碼

@RequestMapping(value="/fileupload")  @ResponseBody  public Map<String, Object> fileUpload(HttpServletRequest request, HttpServletResponse response) {    ResourceBundle bundle = PropertyResourceBundle.getBundle("application");    MultipartHttpServletRequest multipartRequest = (MultipartHttpServletRequest)request;    Map<String,MultipartFile> fileMap = multipartRequest.getFileMap();    String rootPath = bundle.getString("upLoadUrl");    String filePath = rootPath;    Map<String, Object> map = new HashMap<>();    map = uploadFiles(filePath,fileMap);    return map;  }

實際上傳操作,返回上傳操作經過處理的文件名,保證服務器端文件名唯一

public Map<String, Object> uploadFiles(String savePath,Map<String,MultipartFile> fiLeMap){    Map<String, Object> map = new HashMap<>();    try {      String fileName = "";      if(fiLeMap!=null){        for(Map.Entry<String, MultipartFile> entity:fiLeMap.entrySet()){          MultipartFile f = entity.getValue();          if(f != null && !f.isEmpty()){            String uuid = UUID.randomUUID().toString();            fileName = uuid + "#" + f.getOriginalFilename();            File newFile = new File(savePath + "/" + fileName);             f.transferTo(newFile);          }        }      }      map.put("success", true);      map.put("fileName", fileName);      return map;    }catch (Exception e) {      map.put("success", false);      return map;   }}

ajax提交其他表單參數和所傳附件文件名集合

$.ajax({      type: "POST",      url: 所需要請求地址,      dataType: "json",      traditional:true,      data: {        service:$("#service").select2('val').replace("All",""),        startTime:$("#start").val(),        endTime:$("#end").val(),        reason:$("#reason").val(),        fileName:JSON.stringify(fileName),        outterEmail:isOutterEmail,        innerEmail:isInnerEmail,        isSendEmail:isSendEmail,        subService:$("#subService").select2('val'),        runningStatus:$("#runningStatus").select2('val')      },      success: function(data){        $("#loadingModal").modal("hide");        fileName.splice(0,fileName.length);        alert(data.msg);        if(data.success) {          location.href = "revision";        }      },      error:function(xhr) {        $("#loadingModal").modal("hide");        alert("保存失敗");      }    });

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持VeVb武林網。


注:相關教程知識閱讀請移步到JavaScript/Ajax教程頻道。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
欧美亚洲免费电影| 欧美国产欧美亚洲国产日韩mv天天看完整| 综合激情国产一区| 青草青草久热精品视频在线网站| 亚洲色图35p| 国产精品久久久久久久久久ktv| 日韩成人av在线| 国产精品免费福利| 久久精品国产一区二区三区| 久久精品国产亚洲一区二区| 久久精品国产99国产精品澳门| 日韩av电影免费观看高清| 亚洲欧洲自拍偷拍| 国产一区二区三区三区在线观看| 日韩精品在线私人| 亚洲一区二区久久久久久| 日本一区二区在线免费播放| 亚洲一区二区中文| 亚洲国产精品一区二区久| 91po在线观看91精品国产性色| 黑人狂躁日本妞一区二区三区| 98精品国产自产在线观看| 中文字幕欧美在线| 欧美激情综合色| 欧美电影免费观看大全| 深夜福利91大全| 清纯唯美日韩制服另类| 精品亚洲男同gayvideo网站| 久久韩国免费视频| 亚洲自拍欧美色图| 欧美壮男野外gaytube| 97视频在线观看免费| 久久精品国产一区| 久久久久99精品久久久久| 7777精品久久久久久| 亚洲视频在线看| 欧美一区二区三区精品电影| 国产精品视频自在线| 国产精品久久久久久一区二区| 日韩精品免费在线观看| 成人在线播放av| 国产91九色视频| 这里只有精品在线观看| 国产精品亚洲欧美导航| 日韩中文字幕在线视频| 国产精品成av人在线视午夜片| 久久影院资源网| 国产精品激情av在线播放| 国产成人精品视频| 亚洲人成网站在线播| 国产在线视频2019最新视频| 日韩成人激情在线| 欧美电影第一页| 国产aaa精品| 欧美激情欧美激情在线五月| 国模精品一区二区三区色天香| 久久久噜噜噜久久中文字免| 国产亚洲欧洲高清一区| 91久久国产精品| 欧美高清激情视频| 不卡av在线播放| 亚洲xxxxx性| 亚洲精品美女在线观看| 久久手机精品视频| 亚洲午夜精品久久久久久久久久久久| 成人黄色影片在线| 亚洲男人天堂古典| 国产成人精品久久亚洲高清不卡| 亚洲天天在线日亚洲洲精| 自拍偷拍亚洲区| 精品综合久久久久久97| 亚洲男子天堂网| 黄色一区二区在线观看| 久久久精品一区二区三区| 欧美国产视频一区二区| 欧美在线欧美在线| 亚洲第一区第二区| 国产999精品视频| 国产精品美女主播在线观看纯欲| 亚洲最大的免费| 国产精品免费视频久久久| 国产欧美日韩精品在线观看| 最新中文字幕亚洲| 日韩av最新在线观看| 国内精品美女av在线播放| 欧美乱妇40p| 日韩av综合网| 97久久久免费福利网址| 色综合久久天天综线观看| 日韩成人性视频| 久久影视电视剧免费网站| 欧美富婆性猛交| 欧美大片在线免费观看| 成人久久久久爱| 一区二区在线视频| 久久久久久中文| 日韩美女免费视频| 久久中文字幕在线视频| 中文字幕日韩视频| 精品国产鲁一鲁一区二区张丽| 91精品国产91久久久久久最新| 欧美激情久久久久| 亚洲精品日韩激情在线电影| 国产成人精品最新| 精品国产依人香蕉在线精品| 久久激情视频免费观看| 亚洲图片欧洲图片av| 亚洲aaaaaa| 日产精品99久久久久久| 91中文字幕一区| 日韩电影在线观看中文字幕| 亚洲第一偷拍网| 成人在线视频福利| 欧美日韩中文在线观看| 亚洲高清一二三区| 国产一区二区三区三区在线观看| 中文字幕最新精品| 国产精品av免费在线观看| 91国产高清在线| 欧美成人精品在线观看| 夜色77av精品影院| 日韩中文娱乐网| 亚洲美腿欧美激情另类| 中文字幕日韩欧美在线| 精品人伦一区二区三区蜜桃免费| 国产综合香蕉五月婷在线| 色99之美女主播在线视频| 国产香蕉精品视频一区二区三区| 亚洲无线码在线一区观看| 上原亚衣av一区二区三区| 亚洲va欧美va在线观看| 国产精品91一区| 日日骚av一区| 国产亚洲视频在线| 国产精品日韩在线| 57pao国产成人免费| 欧美洲成人男女午夜视频| 这里只有视频精品| 亚洲成人中文字幕| 亚洲摸下面视频| 欧美成人午夜激情视频| 欧美激情视频网址| 色悠悠久久88| 欧美日韩激情视频| 欧美二区在线播放| 在线成人中文字幕| xvideos亚洲人网站| 亚洲无线码在线一区观看| 91精品久久久久久久久久另类| 国产热re99久久6国产精品| 国产精品亚洲自拍| www.午夜精品| 69**夜色精品国产69乱| 日韩在线中文字| 亚洲精品日韩av| 欧美激情亚洲一区| 亚洲国语精品自产拍在线观看| 成人午夜在线影院| 久热精品视频在线观看一区| 欧美天天综合色影久久精品| 日韩大片在线观看视频| 精品国产1区2区| 成人乱色短篇合集| 在线不卡国产精品|