请问怎么通过 blob 链接抓到原始图片资源

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

For Existing Member Sign In

This topic created in 1260 days ago, the information mentioned may be changed or developed.

不太懂前端，这种链接可以获取原始图片吗，网页上显示的是一个图片
blob:https://xxx.com/6239cc21-ec1d-4e9c...

谢谢

Supplement 1 · Nov 25, 2022

额，对不起各位，请不要点链接，本来只是示意一下。。误伤了。。

Blob

图片

原始

链接

6 replies • 2022-11-25 18:35:22 +08:00

a1369521908

Nov 25, 2022

尼玛还好我取消的快

eason1874

Nov 25, 2022

blob 链接相当于浏览器内的临时文件链接，blob 有个接口可以读取原始二进制数据，你看下文档就知道了

Xusually

Nov 25, 2022 via iPhone

xxx dot com……
op 不要用 xxx 来举例了
😭

storyxc

Nov 25, 2022

还好我看了回复，没点链接😄

vone

Nov 25, 2022

牛逼

okakuyang

Nov 25, 2022

//直接下载
let a = document.createElement('a')
a.href = "blob://xxxxx"
a.setAttribute("download","xxx.jpg")
document.body.append(a)
a.click()

//在脚本中处理
fetch("blob://xxxx")
.then(res=>res.blob())
.then(blob=>{
return new File( [blob] , "xxx.jpg" , { type:"image/jpeg"} )
})
.then(file=>{
// do some thing as file
})