下载 SVG URL 图像，单击按钮

【问题标题】：Downloading SVG URL image, on a button click下载 SVG URL 图像，单击按钮
【发布时间】：2021-02-22 21:26:58
【问题描述】：

我正在使用文件保护程序、npm 包下载 SVG URL 图像，该图像显示在我的一个页面上，但在 Firefox 和旧版 chrome 上，当我按下按钮下载图像时，我被重定向而不是下载图片

【问题讨论】：

【解决方案1】：

原生方式是使用Content-Disposition HTTP header 指示浏览器触发文件下载而不是显示内容。例如：

Content-Disposition：附件；文件名="image.svg"

对于下载链接，您还应该设置download attribute。这将阻止导航到资源。它将开始下载。

对于旧版 IE，您可以回退到使用 navigator.msSaveBlob 来触发手动下载准备好的 Blob（您必须先下载内容，然后将其转换为 Blob 对象，以便 IE 可以保存结果）。

【讨论】：