Javascript如何下载图像Blob数据：image / png; base64

Question

我的页面上显示了由WaterMarkJs库生成的图像。

图片

  

data：image / png; base64，iVBORw0KGgoAAAANQKCbAwQIECBAYAABgT5AEQ2BAAECBAgIdHOAAAECBAgMICDQByiiIRAgQIAAAYFuDhAgQIAAgQEEBPoARTQEAgQIECAg0M0BAgQIECAwgIBAH6CIhkCAAA> ...

HTML

<img src="data:image/png;base64,iVBKCbAwQIECBAYAAB...">

上面的html在显示电子邮件时很好用，我如何制作下载图像的按钮？

我的尝试

<a href="data:image/png;base64,iVB....">Download</a>

  

不允许将顶部框架导航到数据URL

Answer 1

添加了下载属性。

<a download="impeach.png" href="data:image/png;base64,iVBKCbAwQIECBAYAAB...">Download</a>