与我同在,我已经看过类似的问题,但是它们没有帮助。
React filepond项目非常适合上传图像,但无法恢复。 DELETE调用不会向服务器发送实际上正在删除哪个文件。这样就无法清除用户不想上传的文件。
这是我的React代码。
return <FilePond
labelIdle={label}
name={name}
files={files}
allowMultiple={maxFiles !== 1}
maxFiles={maxFiles}
server={{
process: {
url: baseURL + `/${name}/image`,
method: 'POST',
headers: {
Authorization: 'Bearer ' + token,
userid
},
},
revert: baseURL + `/${name}/image/revert`
}}
onremovefile={(err: any, file: any) => {
debugger
}}
onupdatefiles={(fileItems: any) => onUpdateFiles(fileItems.map((fileItem: any) => fileItem.file))}
/>
cURL请求如下:
curl 'http://localhost:4000/tenant/image/revert' -X DELETE -H 'Connection: keep-alive' -H 'Origin: http://localhost:3000' -H 'User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/78.0.3904.108 Safari/537.36' -H 'Accept: */*' -H 'Sec-Fetch-Site: same-site' -H 'Sec-Fetch-Mode: cors' -H 'Referer: http://localhost:3000/tenant' -H 'Accept-Encoding: gzip, deflate, br' -H 'Accept-Language: en-US,en;q=0.9' --compressed
您可以在cURL请求中看到,没有ID发送到服务器。
现在解决了。后端没有将正确的ID发送回组件。
return res.send(imageId)