请耐心等待,我看过类似的问题,但它们没有帮助。
React filepond 项目非常适合上传图片,但无法恢复。DELETE 调用不会向服务器发送实际正在删除的文件。这使得清理用户不想上传的文件变得不可能。
这是我的反应代码。
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)