如何在不使用 canvas 的情况下将正常图片 url 转成 blob 格式的 url？
cl903254852 · 2020-02-28 16:54:52 +08:00 · 2342 次点击这是一个创建于 1760 天前的主题，其中的信息可能已经有所发展或是发生改变。
有前端大佬会的吗？
 |
1
hvboekml 2020-02-28 17:30:17 +08:00
是要这样吗 `fetch(url).then(response => response.blob())`
|
 |
2
cl903254852 OP @hvboekml 我很想这样。。。。关键是这图片是跨域的
|
 |
3
minglanyu 2020-02-28 17:41:19 +08:00
|
 |
4
xyjincan 2020-02-28 17:47:59 +08:00
试试，fetch，同问
|
|
5
minglanyu 2020-02-28 17:51:09 +08:00
@cl903254852 跨域的话，加个`img.crossOrigin = 'Anonymous';`看有用没
|
 |
6
zhw2590582 2020-02-28 17:55:04 +08:00
跨域的话，只能怼后端了。
|
 |
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 才能解决 |
 |
8
cydian 2020-02-28 19:41:06 +08:00
使用 cf 的 worker 完美实现无服务器反代添加跨域头 并且自带 CDN
|
 |
9
DOLLOR 2020-02-28 19:50:29 +08:00 via Android
涉及跨域的话，不要想什么奇技淫巧了。
老老实实改后端。 |
|
10
cl903254852 OP @minglanyu 没用 我试过了
|
 |
11
randyo 2020-02-28 20:58:41 +08:00 via Android
跨域要后端允许访问吧。跨域的限制就是用来限制获取数据的。
|
 |
12
bertonzh 2020-02-28 21:08:32 +08:00
既然跨域就没办法。改后端或者加代理。
|
|
13
cl903254852 OP @wunonglin 如果能把 img 转成 file 对象就好了。。
|
|
14
wunonglin 2020-02-29 10:23:33 +08:00
@cl903254852 #13 很明显并不能，而且也不合理，file 对象是 input=file 拿到的东西
|
 |
15
SmiteChow 2020-02-29 11:58:53 +08:00
解决跨域问题即可
|
Select Language