html下载属性在Firefox中不起作用

html download attribute not working in Firefox

本文关键字：不起作用 Firefox 下载 属性 html      更新时间：2023-09-26

目标：自动下载图像

问题：该代码在Chrome和Opera中运行良好，但在Firefox中则不然。为什么以及如何修复？

代码：

<body>
    <a id="url" href="http://www.elkaderchildcare.com/images/abc_02.jpg" download><img src="http://www.elkaderchildcare.com/images/abc_02.jpg"></img></a>
    <script>
            var a = document.getElementById("url");
            a.click();
    </script></body>

您可以去掉协议部分，然后像这样尝试

var a = document.getElementById("url");
a.click();
.fc_card-container{
  border-radius:6px;
  background:red;
  padding:5px;
  width:100px;
  text-align:center;
  margin-top:5px;
}
<a id="url" href="//upload.wikimedia.org/wikipedia/commons/thumb/8/84/Example.svg/240px-Example.svg.png" download>
<img src="//upload.wikimedia.org/wikipedia/commons/thumb/8/84/Example.svg/240px-Example.svg.png"></a>

这将在chrome&FF。在FF中，您可能会看到连接不可信，但您仍然可以接受并下载它

相关文章：