Question

我有一个简单的reactJS应用程序。在这个应用程序中，我有一个网页正在测试Filepond组件。我还有一个nodeJs服务器，当文件上传时，由Filepond组件调用。这是定义Filepond组件时的代码：

render() {
     return(....
       <FilePond allowMultiple={false} name='file' acceptedFileTypes='application/pdf' server='http://localhost:80/upload' uploadId=999 />
        ....
     );
}

我想要什么？ 1-上传一个PDF文件 2-上传文件时将uploadId传递给服务器

发生了什么事？ =>已上传文件，但未考虑acceptedFileTypes =“ application / pdf”，因为无论文件类型如何，我都可以选择任何文件

=>我无法传递/获取uploadId值

对我如何达到这两个点有帮助吗？

除上述两点外，该组件都运行良好，并且我能够正确上传文件。

谢谢

最诚挚的问候

Answer 1

您是否已注册用于验证文件类型的插件？例如：

import { FilePond, registerPlugin } from 'react-filepond';
import FilePondPluginFileValidateType from 'filepond-plugin-file-validate-type';

registerPlugin(FilePondPluginFileValidateType);

class App extends React.Component { ...

安装并导入后，如果组件上具有适当的支撑，则FilePond应该自行完成其余工作。

关于ID。您想要达到什么目的？我有一个要去节点服务器的实现，它不需要ID实现就可以完成我需要做的所有事情。

ReactJS + NodeJS服务器+ Filepond上传文件

1 个答案: