如何下载html中的scr:blob 图片

偶尔要做一个网站，需要下载一个图片，发现前端框架采用VUE，图片用blob方式，见下面

<img src="blob:https://web.xxxxx.com/9fe62b58-0537-4a1b-b13f-5e3c7eaaf102" decoding="async" />

怎么下载不下来，也有没传统右键图片另存为。

然后各种查询，找到方法了。

用谷歌浏览器，访问目标网站，F12,开发者模式下，console下输入JS代码

var image = document.querySelector('img');       // Image you want to save
var saveImg = document.createElement('a');       // New link we use to save it with
saveImg.href = image.src                         // Assign image src to our link target
saveImg.download = "imagename.jpg";              // set filename for download
saveImg.innerHTML = "Click to save image";       // Set link text
document.body.appendChild(saveImg);              // Add link to page

这时候网站多线一个连接，点击即可下载。如果看不到连接，找找是不是VUE的DIV给挡掉了，直接删除，看到点下载就行