elementUI組件其實已經很方便的使用上傳功能，但是有很多弊端，感覺不是很好用，在自己用elementUI的upload實現上傳功能感覺很累贅（綁定一堆的方法，綁定一堆的變量，綁定出錯還得費時費力去調試……） ‘eg’：我就遇到個問題，上傳只能上傳一個文件，用插件實現的話，還得單獨寫個，關鍵還不知道往哪個方法里寫，調試了很久也沒調好。果斷放棄了。 ‘eg’：選擇文件夾，反而還做不到，無語ing，我要做一個選擇多張圖片，不是234張，是好幾十張，讓我選擇一堆圖片，煩不煩，我就選個文件夾不久解決了，element反而做不到。。。 ‘eg’：存儲數據不方便，最主要的就是，綁定一堆亂七八糟的方法和變量，有時候（需要特殊處理的時候）就是不管你怎么操作，就是不對。  ~~~ html部分： <el-button type="primary" onclick="chooseSeat.click()" :disabled="flag.onceUpload">導入座位表</el-button> <input id="chooseSeat" name="files" style="display:none;" type="file" @change="onFileSelect()" accept="application/vnd.ms-excel"/> ~~~ 選擇文件路徑書寫代碼 >[info] <input id="choose" name="files" style="display:none;" type="file" @change="onFileSelect()" multiple="multiple" accept="image/png,image/jpeg,image/jpg" webkitdirectory directory/> ~~~ javascript部分： onFileSelect(){ var oFiles = document.querySelector("#chooseSeat").files; for (var i=0;i<oFiles.length;i++){ this.files.push(oFiles[i]); } this.startUpload(); }, startUpload(){ let v = this; let formData = new FormData(); for (var i = 0, file; file = this.files[i]; i++) { formData.append('file', file); // 根據需要這里可能需要作出不同的修改：formData.append(file.name, file); } formData.append('deptid',v.curGrade.id); formData.append('code',v.curGrade.code); formData.append('flag',v.resampleFlag?1:0); console.log(formData); adminService.importTeachingStudent(formData).then(function(r){ // 操作 }) }, ~~~ 路徑選擇文件夾處理圖片 >[info]for (var i=0;i<oFiles.length;i++){ var type = oFiles[i]['type']; if(/^image/g.test(type)){ this.files.push(oFiles[i]); } }