reactjs - React - 带有文件和字符串的 Axios POST 表单数据

Question

我必须创建 Axios POST哪里body类型是 form-data .有些键是字符串，有些是文件。 postman 要求:



如何添加上传按钮以获取文件进入状态，以及如何制作 Axios要求？

Answer 1

只需在输入"file"类型的 onChange 事件中触发一个方法，并以“multipart/form-data”格式发送到服务器:

<Input id="file" type="file" onChange={this.uploadFile} />

        let formData = new FormData();
        /*
          Iteate over any file sent over appending the files
          to the form data.
        */
        for( var i = 0; i < this.files.length; i++ ){
          let file = this.files[i];
          formData.append('files[' + i + ']', file);
        }
        /*
          Make the request to the POST /select-files URL
        */
        axios.post( '/select-files',
          formData,
          {
            headers: {
                'Content-Type': 'multipart/form-data'
            }
          }
        ).then(function(){
          console.log('SUCCESS!!');
        })
        .catch(function(){
          console.log('FAILURE!!');
        });