Javascript 点击时不下载图像，而不是打开图像的URL

我在点击下载图片时遇到了一个问题，它打开了图片的URL而不是下载。我也尝试过其他的StackOverflow答案，但没有什么能真正解决我的问题

document.querySelector（“.d1”）.setAttribute（“下载”，“filename.jpg”）；

您的类是

d1

，但在

中.getElementsByClassName（）

您可以 搜索

dl

您的代码试图在元素被删除之前找到该元素 已解析到文档中，因此需要将脚本移动到 网页的底部，以便在代码执行时 元素将被解析

您缺少

filename.jpg前面的开场白

.getElementsByClassName（）

在这里是错误的选择，因为它返回 “活动”节点列表（仅在某些用例和 会影响其他方面的表现）并且因为您不感兴趣 在节点列表中，您尝试只查找一个元素。使用

.querySelector（）

document.querySelector（“.d1”）.setAttribute（“下载”，“filename.jpg”）；

因为您试图在元素呈现到页面之前引用该元素，所以控制台中出现错误。。。。。有人可以找到这个复制品，

filename.jpg中也有一个输入错误“

可能重复@A.Meshu感谢您对本主题的另一个引用，但它与该主题仍然不同，因为我的代码正在运行，但浏览器没有下载图像，而是打开了URL@epascarello谢谢你的回答，我已经更改了密码。根据建议，但未在浏览器中下载静态图像。它将在同一选项卡中打开。感谢Scott Marcus的帮助，但仍然存在相同的问题，我让浏览器没有下载图像，而是打开了图像的URL。@VarunKumar如果您运行我的代码段，然后右键单击链接并选择“检查”，您将看到它现在正确设置的“下载”属性，因此，代码现在正确地设置了属性。请注意，

download

仅在HTTP/HTTPS（不在直接从文件系统访问页面时）和

download

上工作。再次感谢您的回复。我试着在HTTP上运行，试着点击google chrome/Mozilla Firefox，但仍然不起作用。请看一看@VarunKumar这可能是Shopify不允许的。谢谢，@Scott Marcus我已经更改了图像的src，它仍然是相同的问题。你能再看看down.goslash.co.nz吗