V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
cl903254852
V2EX  ›  程序员

如何在不使用 canvas 的情况下将正常图片 url 转成 blob 格式的 url?

  •  
  •   cl903254852 · 2020-02-28 16:54:52 +08:00 · 2215 次点击
    这是一个创建于 1490 天前的主题,其中的信息可能已经有所发展或是发生改变。

    有前端大佬会的吗?

    15 条回复    2020-02-29 11:58:53 +08:00
    hvboekml
        1
    hvboekml  
       2020-02-28 17:30:17 +08:00
    是要这样吗 `fetch(url).then(response => response.blob())`
    cl903254852
        2
    cl903254852  
    OP
       2020-02-28 17:31:25 +08:00
    @hvboekml 我很想这样。。。。关键是这图片是跨域的
    minglanyu
        3
    minglanyu  
       2020-02-28 17:41:19 +08:00
    xyjincan
        4
    xyjincan  
       2020-02-28 17:47:59 +08:00
    试试,fetch,同问
    minglanyu
        5
    minglanyu  
       2020-02-28 17:51:09 +08:00
    @cl903254852 跨域的话,加个`img.crossOrigin = 'Anonymous';`看有用没
    zhw2590582
        6
    zhw2590582  
       2020-02-28 17:55:04 +08:00
    跨域的话,只能怼后端了。
    wunonglin
        7
    wunonglin  
       2020-02-28 18:05:18 +08:00
    前两天刚碰到这问题,明确回答的话是:不行

    img 在页面的情况下可以用 no-referrer 显示跨域图片这个没问题,但是在 js 里 Image()能使用 referrerPolicy = 'no-referrer'加载图片,但是是不能拿到返回值的,也就是只能看,不能摸

    fetch 的话,也是一样的情况,虽然可以选 mode='no-cors',但是他的返回值里会有个 type='opaque',代表你能看 network 里看到加载 200,但是一样拿不到 body 的数据

    终极解决办法的话只能是使用同域或者 cors 才能解决
    cydian
        8
    cydian  
       2020-02-28 19:41:06 +08:00
    使用 cf 的 worker 完美实现无服务器反代添加跨域头 并且自带 CDN
    DOLLOR
        9
    DOLLOR  
       2020-02-28 19:50:29 +08:00 via Android
    涉及跨域的话,不要想什么奇技淫巧了。
    老老实实改后端。
    cl903254852
        10
    cl903254852  
    OP
       2020-02-28 20:48:40 +08:00
    @minglanyu 没用 我试过了
    randyo
        11
    randyo  
       2020-02-28 20:58:41 +08:00 via Android
    跨域要后端允许访问吧。跨域的限制就是用来限制获取数据的。
    bertonzh
        12
    bertonzh  
       2020-02-28 21:08:32 +08:00
    既然跨域就没办法。改后端或者加代理。
    cl903254852
        13
    cl903254852  
    OP
       2020-02-29 09:41:18 +08:00
    @wunonglin 如果能把 img 转成 file 对象就好了。。
    wunonglin
        14
    wunonglin  
       2020-02-29 10:23:33 +08:00
    @cl903254852 #13 很明显并不能,而且也不合理,file 对象是 input=file 拿到的东西
    SmiteChow
        15
    SmiteChow  
       2020-02-29 11:58:53 +08:00
    解决跨域问题即可
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   1424 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 28ms · UTC 17:26 · PVG 01:26 · LAX 10:26 · JFK 13:26
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.