react-filepond 如何实现获取删除/选择的文件并处理它们并上传？答案

【问题标题】：react-filepond how to implement getting dropped/selected files and processing them and uploading?react-filepond 如何实现获取删除/选择的文件并处理它们并上传？
【发布时间】：2019-03-11 17:17:54
【问题描述】：

我正在使用react-filepond 实现一个应用程序，一旦用户选择/删除文件，我需要从端点（服务器）获取 uri（用于文件）上传，然后使用这些 uri 上传到我们的存储空间。（同时也向用户显示上传进度）

正在使用 onupdatefiles 属性发送 getURIs 请求，然后使用 onprocessfile/onprocessfilestart 使用检索到的 URI 上传这些文件，这是最好的方法吗？

还有我们在onprocessfileprogress(file,progress)中得到的progess参数有什么用？可以用来将进度反馈给filepond组件吗？

【问题讨论】：

标签： reactjs file-upload url-scheme filepond

【解决方案1】：

我认为您可以实现自定义server.process 函数并在其中处理所有上传逻辑，无论是上传到您的本地服务器还是先上传到远程服务器，它应该让您对整个过程有足够的控制权。 https://pqina.nl/filepond/docs/patterns/api/server/#process-1

【讨论】：

我正在尝试实现此功能以上传多个文件。 server.process 是否将每个文件作为参数获取并针对我添加的每个文件运行？
我可以从 onupdatefiles 回调属性中调用 this.filepond.setOptions 吗？
你为什么要这样做？
我通过一个请求在 onupdatefiles() 中获取多个文件（来自服务器）的云存储 URI，然后，我想使用这些 URI 上传每个文件。另外，一旦我从 oninit() 获得 ref，我可以在 filepond 组件之外的任何地方执行 setOptions 吗？
会在 onupdatefiles() 之后调用 process 方法吗？ .. 因为我可以在本地状态中存储我的 URI（即 onupdatefiles ），然后在“进程”中使用它来上传每个文件