Reactjs FilePond覆盖服务器上的进程
我正在尝试在React应用程序中使用FilePond控件。我需要用自定义代码处理文件上传。根据文档,我应该使用setOption覆盖server.process函数 在使用React组件时,这似乎不是一个选项 我可以找到很多人尝试这样做的例子,但找不到任何关于如何做到这一点的例子Reactjs FilePond覆盖服务器上的进程,reactjs,filepond,Reactjs,Filepond,我正在尝试在React应用程序中使用FilePond控件。我需要用自定义代码处理文件上传。根据文档,我应该使用setOption覆盖server.process函数 在使用React组件时,这似乎不是一个选项 我可以找到很多人尝试这样做的例子,但找不到任何关于如何做到这一点的例子 <FilePond files={this.state.newFiles} allowMultiple={true} server={this.someFunction} /> 如git
<FilePond
files={this.state.newFiles}
allowMultiple={true}
server={this.someFunction}
/>
如github问题中所述 对于React,FilePond对象是一个组件,没有全局 FilePond对象当前可用。你可以通过服务器 属性作为道具添加到零部件 我相信您也需要这样做,而不是调用
setOptions
函数,您可以将这些选项作为属性传递给FilePond
组件
如果您真的需要访问
setOptions
,我已经从react文件池中派生了一个例子,并添加了useEfect
,在这里您可以看到如何访问setOptions
函数:使用react,您需要使用服务器
属性。服务器
道具是URL或配置对象,而不是函数
<FilePond
files={this.state.newFiles}
allowMultiple={true}
server={{
process: (fieldName, file, metadata, load, error, progress, abort, transfer, options) => {
// your processing code here
}
}}
/>
{
//您的处理代码在这里
}
}}
/>
有关更多信息,请查看此示例处理功能:
您是否检查了此链接?是的,按照这些说明将ref={ref=>(this.pond=ref)}和oninit={()=>this.handleInit()}添加到组件中。但是,尝试调用this.pond.setOptions失败,因为this.pond.setOptions不是一个函数。这听起来是对的……但是如何调用呢?我可以添加属性process={()=>this.uploadFiles()},但这永远不会被触发。通过添加一个示例来更新答案如何获取setOptions函数,如果这没有帮助,请更新您的问题,并提供有关您希望实现的具体内容的详细信息?