从对象 URL 检索文件或 Blob
当允许用户通过拖放或其他方法上传图像时,使用URL.createObjectURL 用于生成用于图像显示的对象 URL。由于这些 URL 旨在重复使用,因此无需撤销它们。然而,当需要创建一个 FormData 对象来接受这些图像之一作为表单上传的一部分时,将对象 URL 转换回 Blob 或文件以包含在 FormData 中就会出现挑战。
现代解决方案:
利用现代浏览器的功能,我们可以利用 fetch() API 来检索与对象 URL 关联的文件或 blob。以下代码块演示了此技术:
<code class="javascript">let blob = await fetch(url).then(r => r.blob());</code>
此解决方案可与对象 URL 和常规 URL 无缝协作。获取 Blob 后,可以将其附加到 FormData 对象,从而可以在表单提交中包含图像。
以上是如何将对象 URL 转换为 FormData 的 Blob 或文件?的详细内容。更多信息请关注PHP中文网其他相关文章!