добавление не работает, когда я загружаю изображение и добавляю объект изображения

Question

Функция добавления не работает, когда я добавляю объект изображения в форматы данных, он отображает пустой объект. Я хочу загрузить файл, поэтому мне нужно прикрепить его.

 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'
      }
    }

  }

Answer 1

Пожалуйста, используйте промежуточное ПО " multer " для просмотра приложенного изображения в форме данных. Это сработало в моем случае.

Answer 2

С FormData console.log() не работает.Если вы хотите проверить, есть ли у formData ваш файл, вам нужно использовать formData.get('file'), а затем вы можете войти в него, чтобы увидеть ваш файл.Надеюсь, это поможет !!