如何从 URL.createObjectURL(file)创建的 blob url 中获取 file 对象？

2018 年 12 月 15 日
 coolair
前端页面只存了 blob url，现在要把对应的文件上传到无服务，如何获取到文件再 ajax 上传？
3006 次点击
所在节点    问与答
13 条回复
deepdark
2018 年 12 月 15 日
你就把 blob url 当成真的 url 处理就完事了
coolair
2018 年 12 月 15 日
@deepdark 处理不了啊，传上去是个字符串啊，不是文件对象。
MinonHeart
2018 年 12 月 15 日
用 xhr 拉 blob url 转换成 file
ted94
2018 年 12 月 15 日
File API
coolair
2018 年 12 月 15 日
@MinonHeart
@ted94
xhr 拉 blob url 只能用异步的 onload 方法，但是如果有多个图片想同时上传的话，我的 formdata 还没有拼完，ajax 就发出去了……
ted94
2018 年 12 月 15 日
@coolair 不大清楚你的问题是什么，可以完整的描述一次么
coolair
2018 年 12 月 15 日
@ted94 是这样的，页面上有多张图片，其中的 src 是一个 blob:http 的链接，现在想把这些图片通过一次 ajax 请求都存到服务器上去。
yimity
2018 年 12 月 15 日
跟正常的选择 img，用 filereader 读取上传没区别吧。
AV1
2018 年 12 月 15 日
先用 AJAX 或 XHR 或 FileReader 把 blob URL 的文件读取出来，再用 AJAX 把图片提交到服务器。别说你不懂处理异步流程…
coolair
2018 年 12 月 15 日
@DOLLOR 如果处理一个图片可以在异步处理完后发个 ajax，如果有五张图片，怎么等五个异步完了后再发 ajax 呢？
Twinkle
2018 年 12 月 15 日
@coolair 多张就计数
SakuraKuma
2018 年 12 月 15 日
@coolair Promise.all
EscYezi
2018 年 12 月 16 日
@coolair 在循环用中 await

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://v2ex.ih06.com/t/517741

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX