HTML – 如何使Safari和IE下载图像而不是在新页面中打开？

概述在Firefox和Chrome中,此链接属性“download = img.jpg”工作正常,并显示下载窗口而不是新的选项卡或页面. <a href="img.jpg" download="img.jpg">Download Image</a> 但在Safari和IE中,这个链接给了我一个新的页面. 那么使用Safari和IE浏览器处理这个问题的简单而有效的工作流程是什么？ 你在Apache服务器 在firefox和Chrome中,此链接属性“download = img.jpg”工作正常,并显示下载窗口而不是新的选项卡或页面.

<a href="img.jpg" download="img.jpg">Download Image</a>

但在Safari和IE中,这个链接给了我一个新的页面.

那么使用Safari和IE浏览器处理这个问题的简单而有效的工作流程是什么？

解决方法 你在Apache服务器上工作吗？如果是这样,您可以将其添加到.htaccess文件中：

RewriteCond %{REQUEST_filename} -fRewriteCond %{query_STRING} fdl=1RewriteRule .? - [T=application/octet-stream]

检查是否是文件
检查参数fdl = 1是否在查询字符串中
输出为八位字节流/强制下载

现在,当您希望浏览器开始下载该站点中的任何内容时,只需将参数放在url上：

<a href="img.jpg?fdl=1">Download Image</a>

要在IIS windows服务器上执行相同的 *** 作,请将出站规则添加到web.config：

<?xml version="1.0" enCoding="UTF-8"?><configuration>    <system.webServer>        <rewrite>            <outboundRules>                <rule name="Force Download">                    <match serverVariable="RESPONSE_Content_disposition" pattern=".?" negate="false" />                    <action type="Rewrite" value="application/octet-stream" replace="true" />                    <conditions>                        <add input="{query_STRING}" pattern="fdl=1" />                    </conditions>                </rule>            </outboundRules>        </rewrite>    </system.webServer></configuration>

编辑(2016年10月4日)：

所有浏览器的下载属性仍然是not fully adopted.

对于基于JavaScript /浏览器的实现,您可以查看FileSaver.js,这是一个用于在不支持它的浏览器中保存功能的polyfill.但它没有完美的覆盖范围.

总结

以上是内存溢出为你收集整理的HTML – 如何使Safari和IE下载图像而不是在新页面中打开？全部内容，希望文章能够帮你解决HTML – 如何使Safari和IE下载图像而不是在新页面中打开？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。