Filepond React:恢复调用不包含任何ID(已解决)

时间:2019-11-23 21:19:27

标签: reactjs filepond

与我同在,我已经看过类似的问题,但是它们没有帮助。

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)

0 个答案:

没有答案