axios實現文件上傳


最近的項目開發,有個功能是需要前端上傳文件,然后后台解析;主要就是通過

 <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的實例對象中去;如果是多文件的話,需要循環放入;

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM