下载 blob 图像

Question

有些网站有这样的东西：

<img src="blob:foo" alt="bar">

Firefox 中的“图像另存为”功能不允许我保存图像 blob:foo。我也无法使用“页面另存为”下载图像。如何下载图像？

Answer 1

您只需要使用要下载的图像的图像源创建自己的元素，作为一个基本示例：

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

现在点击链接，图片将下载