当我上传图像并附加图像对象时,append不起作用

时间:2019-07-04 09:14:20

标签: javascript reactjs loopback form-data

当我将图像对象附加到formdata中时,附加功能不起作用,它显示空白对象。我想上传文件,所以我需要附加它。

 constructor(props) {
    super(props);
    this.state = {
      file:null
    };
    this.submit = this.submit.bind(this)
    this.onChange = this.onChange.bind(this)
    this.fileUpload = this.fileUpload.bind(this)
  }
submit(e) {
    e.preventDefault() // Stop form submit
    this.fileUpload(this.state.file)
    })
  }
  onChange(e) {
    this.setState({ file: e.target.files[0] })
  }
  fileUpload(file) {
    const formData = new FormData();
    formData.append('file', file)
    console.log(formData,'-----------------------')
    const config = {
      headers: {
        'content-type': 'multipart/form-data'
      }
    }

  }

2 个答案:

答案 0 :(得分:0)

使用FormData,console.log()不起作用。如果要检查formData是否包含文件,则需要使用formData.get('file'),然后可以记录该文件以查看文件。
希望对您有帮助!

答案 1 :(得分:0)

请使用“ multer”中间件来查看formdata中附加的图像。 就我而言,这行得通。