フロントエンドは FormData を使用して複数のファイルをアップロードします

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))

 ページ呼び出し結果は下図のようになります。

 

рекомендация

отblog.csdn.net/qq_39409541/article/details/129298889