Javascript 如何使用react bootstrap Form.File上载多个文件 onFileChange=event=>{ log（event.target.files）； const formData=new formData（）； formData.append（'files'，event.target.files[0]）； 试一试{ axios({ 方法：“张贴”， url:“https://smk-cms-strapi.herokuapp.com/upload", 标题：{ “内容类型”：“应用程序/json” }, 数据：formData })。然后（{data}）=>{ log（“成功上传：”，JSON.stringify（数据））； 这是我的零钱({ 目标：{ 名称：'文件'， 价值：数据， }, }); }); }捕获（错误）{ this.setState（{error}）； } };

这是我的代码

您可以循环文件并将它们附加到表单数据中

 onFileChange = event => {
    console.log(event.target.files);
    
    const formData = new FormData();

    formData.append('files', event.target.files[0]);
      try {
        axios({
          method: "post",
          url: "https://smk-cms-strapi.herokuapp.com/upload",
          header: {
            "Content-Type": "application/json"
          },
          data: formData
        }).then(({ data }) => {
          console.log("Succesfully uploaded: ", JSON.stringify(data));

          this.handleInputChange({
            target: {
              name: 'file',
              value: data,
            },
          });
        });
      } catch (error) {
        this.setState({ error });
      }
  };


<FormR.File name="file" onChange={this.onFileChange} />

let files=event.target.files；
设formData=new formData（）；
for（设i=0；i

 let files = event.target.files;
 let formData = new FormData();
 for (let i = 0; i < files.length; i++) {
    formData.append("file", files[i]);
 }