获取 HTML 5 下载属性以处理 jQuery 中的 <a> 标记答案

【问题标题】：Getting HTML 5 download attribute to work on an <a> tag in jQuery获取 HTML 5 下载属性以处理 jQuery 中的 <a> 标记
【发布时间】：2019-02-25 17:06:04
【问题描述】：

我正在尝试创建可以下载 gif 的动态链接。这是 jQuery 中的 sn-p

    var gifDownload = $("<a class='download'>").text("Download");
    gifDownload.attr("href", results[i].images.fixed_height.url);
    gifDownload.attr("target", "_blank");
    gifDownload.attr("download", "");

它会打开一个新页面，我可以查看 gif。但它不会下载。我错过了什么？

【问题讨论】：

这段代码对我来说很好JSfiddle Here
它确实会打开一个新标签，并且可以查看。但是，单击链接时它不会下载。

标签： jquery html download

【解决方案1】：

download 不是像 checked 这样的布尔属性。它必须是非空白的（建议下载的文件名）才能触发下载行为。所以：

gifDownload.attr("download", "image.gif");

【讨论】：

@szewah - 不知道该告诉你什么。如果我采用您的代码，在上面进行更改，添加 gifDownlod.appendTo(document.body)，并使用引用图像的 HREF，它可以工作 - 在 Chrome、Firefox、Edge 中，基本上任何支持 download 属性的东西。
谢谢。我不知道为什么它没有发生在我身上，但会继续尝试。
@szewah - 您使用的浏览器是否支持download 属性？您确定您正确应用了更改吗？您确定您单击的链接是与代码相关的链接吗？目前我能想到的只有这些。
我正在使用最新版本的 Chrome，并且在 Safari 和 Firefox 上也尝试过。链接设置在右侧。我将再次查看代码，看看我是否遗漏了什么。