FormData: ドキュメントの紹介https://developer.mozilla.org/zh-CN/docs/Web/API/FormDataインターフェイスがファイルのアップロードにファイル形式パラメータを必要とする場合、フロントエンドのアップロード ファイルは FormData を使用する必要があります
FormData の主な役割: ネットワーク リクエストでアップロードされたファイルを非同期的に処理すること
例えば:
フロントエンドの呼び出し方法は次のとおりです。
// 创建一个新的 FormData 对象
const files = new FormData();
// fileList 是文件列表
// append方法是向 FormData 中添加新的属性值,FormData 对应的属性值存在也不会覆盖原值,而是新增一个值,如果属性不存在则新增一项属性值
fileList.forEach(file => {
files.append("files", file);
})
axios({
method: 'post',
url: 'http://xxx.cn/import', // 接口地址
data: files,
headers: {
'Content-Type': 'multipart/form-data'
}
})
.then(res => console.log(res))
.catch(err => console.log(err))
ページ呼び出し結果は下図のようになります。