【问题标题】:How can I write my own POST request in React Dropzone Uploader?如何在 React Dropzone Uploader 中编写自己的 POST 请求?
【发布时间】:2025-12-10 16:35:02
【问题描述】:

我在我的 react 应用程序中使用 React Dropzone Uploader,getUploadParams 方法直接将文件上传到服务器,我希望在单击特定提交按钮后调用该文件。有什么方法可以实现这一点或使用 axios 编写我自己的 POST 请求?

【问题讨论】:

    标签: reactjs post axios dropzone


    【解决方案1】:

    您可以在 Dropzone 中添加 onSubmit={handleSubmit} 并在 handleSubmit 函数中进行发布请求。

    const handleSubmit =(files, allFiles)=>{
    console.log(files.map(f => f.meta));
        // post call 
    }
     <Dropzone
            //other attributes
            onSubmit={handleSubmit}
          />
    

    【讨论】:

    • 但是我必须在 getUploadParams 中进行哪些更改,您能否提供一个更详细的 POST 方法本身的示例,谢谢
    • 您可以分享您正在尝试的代码示例。
    • 我无法在评论中插入我的代码,但我指的是此链接中的第一个代码link
    【解决方案2】:

    阅读 RDU api 文档后,您可能需要从 getUploadParams 操作上传。请参阅getUploadParams here 的文档。

    【讨论】: