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

[cl903254852]

有前端大佬会的吗？

[hvboekml]

是要这样吗 `fetch(url).then(response => response.blob())`

[cl903254852]

@hvboekml 我很想这样。。。。关键是这图片是跨域的

[minglanyu]

https://jsfiddle.net/Jan_Miksovsky/yy7Zs/

[xyjincan]

试试，fetch，同问

[minglanyu]

@cl903254852 跨域的话，加个`img.crossOrigin = 'Anonymous';`看有用没

[zhw2590582]

跨域的话，只能怼后端了。

[wunonglin]

前两天刚碰到这问题，明确回答的话是：不行

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

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

终极解决办法的话只能是使用同域或者 cors 才能解决

[cydian]

使用 cf 的 worker 完美实现无服务器反代添加跨域头 并且自带 CDN

[DOLLOR]

涉及跨域的话，不要想什么奇技淫巧了。
老老实实改后端。

[cl903254852]

@minglanyu 没用 我试过了

[randyo]

跨域要后端允许访问吧。跨域的限制就是用来限制获取数据的。

[bertonzh]

既然跨域就没办法。改后端或者加代理。

[cl903254852]

@wunonglin 如果能把 img 转成 file 对象就好了。。

[wunonglin]

@cl903254852 #13 很明显并不能，而且也不合理，file 对象是 input=file 拿到的东西

[SmiteChow]

解决跨域问题即可