首页   注册   登录
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
V2EX  ›  问与答

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

  •  
  •   coolair · 69 天前 · 615 次点击
    这是一个创建于 69 天前的主题,其中的信息可能已经有所发展或是发生改变。
    前端页面只存了 blob url,现在要把对应的文件上传到无服务,如何获取到文件再 ajax 上传?
    13 回复  |  直到 2018-12-16 03:00:18 +08:00
        1
    deepdark   69 天前 via Android
    你就把 blob url 当成真的 url 处理就完事了
        2
    coolair   69 天前
    @deepdark 处理不了啊,传上去是个字符串啊,不是文件对象。
        3
    MinonHeart   69 天前 via iPhone
    用 xhr 拉 blob url 转换成 file
        4
    ted94   69 天前 via Android
    File API
        5
    coolair   69 天前
    @MinonHeart
    @ted94
    xhr 拉 blob url 只能用异步的 onload 方法,但是如果有多个图片想同时上传的话,我的 formdata 还没有拼完,ajax 就发出去了……
        6
    ted94   69 天前 via Android
    @coolair 不大清楚你的问题是什么,可以完整的描述一次么
        7
    coolair   69 天前 via Android
    @ted94 是这样的,页面上有多张图片,其中的 src 是一个 blob:http 的链接,现在想把这些图片通过一次 ajax 请求都存到服务器上去。
        8
    yimity   69 天前 via Android
    跟正常的选择 img,用 filereader 读取上传没区别吧。
        9
    DOLLOR   69 天前 via Android
    先用 AJAX 或 XHR 或 FileReader 把 blob URL 的文件读取出来,再用 AJAX 把图片提交到服务器。别说你不懂处理异步流程…
        10
    coolair   68 天前 via Android
    @DOLLOR 如果处理一个图片可以在异步处理完后发个 ajax,如果有五张图片,怎么等五个异步完了后再发 ajax 呢?
        11
    Twinkle   68 天前
    @coolair 多张就计数
        12
    SakuraKuma   68 天前
    @coolair Promise.all
        13
    EscYezi   68 天前 via iPhone
    @coolair 在循环用中 await
    关于   ·   FAQ   ·   API   ·   我们的愿景   ·   广告投放   ·   感谢   ·   实用小工具   ·   3994 人在线   最高记录 4385   ·  
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.3 · 17ms · UTC 06:29 · PVG 14:29 · LAX 22:29 · JFK 01:29
    ♥ Do have faith in what you're doing.
    沪ICP备16043287号-1