reactjs - 如何使用 ReactJs 和 axios 更新图像

Question

我在使用 react 和 axios 更新图像时遇到问题我将其转换为表单数据但无法工作它总是在 axios 数据中附加错误这是我在 axios 数据中删除图像时放置数据的方法请求转到当我将图像放入 axios 数据时，api 成功请求不成功；（

  onSubmit = (e) => {
    e.preventDefault();
    let fd = new FormData();
    fd.append('image', this.state.images, this.state.images.name);
    console.log(fd);
    const { id, nom}  = this.state.patient;
    axios.put('/patients/' + this.props.match.params.id, {id, nom,fd})
      .then((result) => {
        this.props.history.push("/show/" + this.props.match.params.id)
        if (result.data != null){
          this.setState(this.initialState);
        
        }
      });
  }

这是我的处理程序图像

handleFile(e) {
    this.setState({ images: e.target.files[0] });
    this.setState({ image: '' });
    let reader = new FileReader();
    let images = e.target.files[0];
    reader.onloadend = () => {
      this.setState({ file: images, imagePreviewUrl: reader.result });
    }
    reader.readAsDataURL(images)
  }

标签： reactjsaxios