HTML5下载在FF和Safari中的浏览器中打开图像

时间:2017-04-04 02:43:11

标签: javascript jquery html html5

我在lightbox的页脚上有以下HTML:

<div class="modal-footer">
    <a href="https://s3-ap-southeast-2.amazonaws.com/auprodsi/03/16/e257691a-bca5-4ae9-af61-7d7b059bec70.jpg" class="btn btn-primary btn-xs lightbox-link ekko-download-link" download="E0000000001.jpg">Download</a>
</div>

在Chrome中,文件会下载。在FF和Safari中,它只是在浏览器中打开图像。从我看到的这个问题的答案,我看到我的HTML是正确的。有任何想法吗?谢谢!

编辑********************************************** *******

似乎由于图像位于S3存储桶上,因此CORS /跨域策略正在阻碍(根据以下建议)。

我们使用img.domain.com设置了一个CNAME ...但子域的处理方式相同。

有关如何解决此问题的任何建议?我需要一个图像的下载按钮,就像在Chrome中一样,但对于Safari和FF。感谢。

2 个答案:

答案 0 :(得分:0)

Firefox仅允许用户出于安全考虑而下载相同来源的文件(我无法根据提供的信息判断这是否适用于您)。但该文件必须来自您自己的服务器或域名,否则将在浏览器中打开。

Mozilla问题跟踪器讨论了主题here

最近,Safari仅为下载属性添加了support。您可以查看您的Safari版本。

答案 1 :(得分:0)

您可以参考此链接,它是关于错误讨论

https://bugzilla.mozilla.org/show_bug.cgi?id=676619