Javascript 使用reactjs获取文件的路径，而不是要上载的文件

我有以下代码：

class DashboardPage extends Component {
  
  handleNewProduct = event => {
    event.preventDefault();

    console.log(event.target.files);

    let formData = new FormData();

    formData.append('title', event.target.title.value);
    formData.append('desc', event.target.desc.value);
    formData.append('image', event.target.product.value);

    // console.log(formData);
    formData.forEach((item) => {
        console.log(item)
    });
  }

  render() {
    return (
      <>
        <h2>Enter New product.</h2>
        <form onSubmit={this.handleNewProduct} encType="multipart/form-data">
            <div>
                <label>Title</label>
                <input type="text" name="title" />
            </div>
            <div>
                <label>Desciption</label>
                <textarea type="text" name="desc"></textarea>
            </div>
            <div>
                <input type="file" name="product" />
            </div>
            <div>
                <button>Submit</button>
            </div>
        </form>
      </>
    );
  }
}

类仪表板页扩展组件{
handleNewProduct=事件=>{
event.preventDefault（）；
log（event.target.files）；
设formData=new formData（）；
append（'title'，event.target.title.value）；
formData.append（'desc'，event.target.desc.value）；
append（'image'，event.target.product.value）；
//console.log（formData）；
formData.forEach（（项目）=>{
console.log（项目）
});
}
render（）{
返回(
输入新产品。
标题
描述
提交
);
}
}

它从表单中获取所有信息并将其注销。我将数据附加到

formData

中，它是

formData

的一个实例。但是对于file，我得到文件的路径。如何将文件存储到formData中，然后使用fetch api将其上载到服务器？

---

您可能需要执行

事件.target.product.files[0]

由于浏览器不允许，因此无法执行此操作。但对于阅读时的路径，可能会有所帮助you@AbhishekKumarTiwari我不打算预览它。我只想选择一个图像，输入一些信息，如标题和描述，然后发布它。