Vue js图像强制下载无法使用锚标记

Posted 2023-02-22

【中文标题】Vue js图像强制下载无法使用锚标记

【英文标题】：Vue js Image force download not working by using anchor tag

【发布时间】：2019-11-08 03:51:19

【问题描述】：

我正在使用带有 vue js 的 Laravel。我需要在浏览器上强制下载图像，但它现在对我有用。

var link = document.createElement('a');
link.href = 'image/ab.jpg';
link.download = 'Download.jpg';
document.body.appendChild(link);
link.click();
document.body.removeChild(link);   

这适用于简单的 javascript，但对于 vue js，它不起作用。它只是在浏览器中打开图像 URL。

【问题讨论】：

Possible duplicate

【参考方案1】：

您确定您的代码适用于简单的 javascript？

下载属性受同源策略约束。