通过 filepond 获取上传文件的 blob

Question

我正在使用 filepond 在 react-js 中将文件上传到服务器。一切正常，我可以成功上传文件。 但我需要将上传的文件保存在浏览器中（或者可能是本地文件的路径），以便我可以在下一页将其显示给用户。似乎浏览器不显示所选文件的绝对路径（出于安全原因）。我想知道是否有可能是所选文件的 blob。有什么解决办法吗？ 谢谢

Answer 1

您可以使用 URL.createObjectURL() 从您的 Blob 或文件创建 URL。这个url可以传到下一个画面

const url = URL.createObjectURL(blob);

根据文件类型，您可以使用对象 url 直接显示文件，例如在 img-tag 中，或者您可以将其转换回 blob。

<img src={url} />

或

const blob = await fetch(url).then(r => r.blob());