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

时间:2015-12-28 04:10:07

标签: javascript jquery html firefox

目标:自动下载图像

问题:代码在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>

1 个答案:

答案 0 :(得分:0)

您可以剥离协议部分并尝试这样

&#13;
&#13;
var a = document.getElementById("url");
a.click();
&#13;
.fc_card-container{
  border-radius:6px;
  background:red;
  padding:5px;
  width:100px;
  text-align:center;
  margin-top:5px;

}
&#13;
<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>
&#13;
&#13;
&#13;

这适用于chrome&amp; FF。在FF中,您可能会看到连接不受信任,但您仍然可以接受并下载