1

请耐心等待,我看过类似的问题,但它们没有帮助。

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)
4

0 回答 0