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

[coolair]

前端页面只存了 blob url，现在要把对应的文件上传到无服务，如何获取到文件再 ajax 上传？

[deepdark]

你就把 blob url 当成真的 url 处理就完事了

[coolair]

@deepdark 处理不了啊，传上去是个字符串啊，不是文件对象。

[MinonHeart]

用 xhr 拉 blob url 转换成 file

[ted94]

File API

[coolair]

@MinonHeart
@ted94
xhr 拉 blob url 只能用异步的 onload 方法，但是如果有多个图片想同时上传的话，我的 formdata 还没有拼完，ajax 就发出去了……

[ted94]

@coolair 不大清楚你的问题是什么，可以完整的描述一次么

[coolair]

@ted94 是这样的，页面上有多张图片，其中的 src 是一个 blob:http 的链接，现在想把这些图片通过一次 ajax 请求都存到服务器上去。

[yimity]

跟正常的选择 img，用 filereader 读取上传没区别吧。

[DOLLOR]

先用 AJAX 或 XHR 或 FileReader 把 blob URL 的文件读取出来，再用 AJAX 把图片提交到服务器。别说你不懂处理异步流程…

[coolair]

@DOLLOR 如果处理一个图片可以在异步处理完后发个 ajax，如果有五张图片，怎么等五个异步完了后再发 ajax 呢？

[Twinkle]

@coolair 多张就计数

[SakuraKuma]

@coolair Promise.all

[EscYezi]

@coolair 在循环用中 await