首页 > web前端 > js教程 > 如何将对象 URL 转换为 FormData 的 Blob 或文件?

如何将对象 URL 转换为 FormData 的 Blob 或文件?

Patricia Arquette
发布: 2024-10-29 22:30:03
原创
535 人浏览过

How to Convert an Object URL to a Blob or File for FormData?

从对象 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中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板