鍍金池/ 問答/Linux  HTML/ 將多個上傳文件append到FormData中時出現(xiàn)問題

將多個上傳文件append到FormData中時出現(xiàn)問題

首先用elementUI的上傳組件將文件分別保存到form.picFile和form.corFile中，然后在提交的時候先new一個FormData對象，再將文件append進去，但是發(fā)送的數(shù)據(jù)中只有一個文件。請問是什么原因？

this.param = new FormData();
this.param.append('files', this.form.picFile, this.form.picFile.fileName);
this.param.append('files', this.form.corFile, this.form.corFile.fileName);

圖片描述

回答
編輯回答
初念

修改一下回答

clipboard.png

同鍵名是沒有任何問題的 mdn上面很明確加'[]'只是為了命名習慣. 所以說 你現(xiàn)在的問題可能出現(xiàn)在 第二次插入文件時 form中沒有第二個的那個參數(shù) 應該是還沒有獲取到.
兩種方法可以測試到

1.打斷點
2.在初始化form的時候給第二個參數(shù)一個默認的值 如果獲取到了 值會被覆蓋 沒有獲取到 你提交時則顯示默認的值
2017年3月9日 14:56
編輯回答
孤影

多文件上傳要這么寫

data.append('file[]', $('.file')[i].file[0]);

this.param.append('files1', this.form.picFile, this.form.picFile.fileName);
this.param.append('files2', this.form.corFile, this.form.corFile.fileName);
2018年9月2日 23:46