最近的項目開發,有個功能是需要前端上傳文件,然后后台解析;主要就是通過
<input type="file" multiple @change="uploadFile"/>
uploadFile(e){ let vm = this; let reader = null; if(window.FileReader) { reader = new FileReader; } else { alert('瀏覽器不支持預覽功能'); } let imageFiles = e.target.files; let formData = new FormData(); for([key,value] of Object.entries(imageFiles)) { formData.append('uploadFile',value); //第一個參數是與后台定義好的,第二個事file值 } // 調用api。。。。 },
//主要就是要將文件數據放入FormData的實例對象中去;如果是多文件的話,需要循環放入;