Question

我正在使用filepond上传图像以做出反应。我想使用提交按钮来处理我的图像，而不是按文件池来处理。我尝试了一些方法，但是没有用

               <FilePond
                    ref={ref => (this.pond = ref)}
                    allowMultiple={true}
                    maxFiles={3}
                    acceptedFileTypes={['image/*']}
                    instantUpload={false}
                    onaddfileprogress={(file, progress) => console.log(file, progress)}
                    server={{
                        process: this.process
                    }}
                    oninit={() => this.handleInit()}
                    onupdatefiles={fileItems => {
                        console.log(fileItems[0].file)
                        // Set currently active file objects to this.state
                        this.setState({
                            files: fileItems.map(fileItem => fileItem.file)
                        });
                    }}
                />
                <button onClick={this.handleClick}>submit</button></>

我想使用此自定义按钮在api服务器上提交，而不使用file pool提供的服务器道具。我可以编写普通的xhr请求来发送文件，但是我失去了获取进度以及文件池提供的许多其他状态的能力。我如何手动触发此上传。任何线索都会有所帮助。

Answer 1

您可以使用processFile参考，即

this.pond.processFiles();

注意：您需要引用才能访问此属性。

参考：Send Backchannel Welcome Event

如何使用提交按钮在Filepond中上传照片？

1 个答案: