• 请不要在回答技术问题时复制粘贴 AI 生成的内容
Lostbit
V2EX  ›  程序员

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

  •  
  •   Lostbit · Feb 28, 2020 · 3335 views
    This topic created in 2440 days ago, the information mentioned may be changed or developed.

    有前端大佬会的吗?

    15 replies  •  2020-02-29 11:58:53 +08:00
    hvboekml
    hvboekml
    Feb 28, 2020
    1
    是要这样吗 `fetch(url).then(response => response.blob())`
    Lostbit
    Lostbit
    OP
    Feb 28, 2020
    2
    @hvboekml 我很想这样。。。。关键是这图片是跨域的
    xyjincan
    xyjincan
    Feb 28, 2020
    4
    试试,fetch,同问
    minglanyu
    minglanyu
    Feb 28, 2020
    5
    @cl903254852 跨域的话,加个`img.crossOrigin = 'Anonymous';`看有用没
    zhw2590582
    zhw2590582
    Feb 28, 2020
    6
    跨域的话,只能怼后端了。
    shakaraka
    shakaraka
    Feb 28, 2020
    7
    前两天刚碰到这问题,明确回答的话是:不行

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

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

    终极解决办法的话只能是使用同域或者 cors 才能解决
    cydian
    cydian
    Feb 28, 2020
    8
    使用 cf 的 worker 完美实现无服务器反代添加跨域头 并且自带 CDN
    AV1
    AV1
    Feb 28, 2020 via Android
    9
    涉及跨域的话,不要想什么奇技淫巧了。
    老老实实改后端。
    Lostbit
    Lostbit
    OP
    Feb 28, 2020
    10
    @minglanyu 没用 我试过了
    randyo
    randyo
    Feb 28, 2020 via Android
    11
    跨域要后端允许访问吧。跨域的限制就是用来限制获取数据的。
    bertonzh
    bertonzh
    Feb 28, 2020
    12
    既然跨域就没办法。改后端或者加代理。
    Lostbit
    Lostbit
    OP
    Feb 29, 2020
    13
    @wunonglin 如果能把 img 转成 file 对象就好了。。
    shakaraka
    shakaraka
    Feb 29, 2020
    14
    @cl903254852 #13 很明显并不能,而且也不合理,file 对象是 input=file 拿到的东西
    SmiteChow
    SmiteChow
    Feb 29, 2020
    15
    解决跨域问题即可
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   4949 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 50ms · UTC 01:36 · PVG 09:36 · LAX 17:36 · JFK 20:36
    ♥ Do have faith in what you're doing.