files文件上傳傳遞給後臺

自己組裝封裝數據

1、單個文件上傳:

let formData = new FormData(); // 聲明一個FormData對象
formData.append('files',{xxxfile數據內容})
xxxfile數據內容文件內容如下示意:

 

2、多個文件上傳

this.files是多個文件的集合
正確寫法:

let formData = new FormData(); // 聲明一個FormData對象
this.files.forEach(fileEle =>{
  formData.append("files", fileEle[0]); // 'files' 這個名字要和後臺獲取文件的名字一樣;視頻文件  ,而且fileEle[0])的內容是直接是{}對象
 })
 
錯誤寫法:
let formData = new FormData(); // 聲明一個FormData對象
formData.append("files",this.files)
 
總結:向後臺傳遞多個file文件和數組,應採用formData對象循環append文件,而不是把多文件數組,直接append到一個files裏面。不然後臺會接收不到文件對象

 

this.files內容格式如下截圖所示:

 

 

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章