如何通过单击使文件可下载

Question

嗨朋友我在静态移动网站上工作并遇到问题。问题是我想在用户点击相应链接时下载mp3文件。我也尝试了下面的代码，但它会在新窗口中打开文件，文件开始在新标签上播放。

我不想通过点击链接来播放文件，想要在移动用户上下载。

使用HTML5，jQuery等是否有任何出路。

请帮帮我们.. :)

<a href="singinintherain.mp3" target="_blank"><img src="genekelly.jpg" alt="Gene_Kelly" /></a>

Answer 1

使用html5下载属性：

<a href="singinintherain.mp3" download><img src="genekelly.jpg" alt="Gene_Kelly" /></a>

见this link。显然，下载属性在ie和Safari中不起作用。对于这些浏览器，您只需指示用户右键单击该链接并选择“另存为”即可。要下载文件。

Answer 2

HTML5有一个download属性，您可以阅读here。

您也可以按如下方式编辑代码：

<a href="singinintherain.mp3" download="singinintherain.mp3"><img src="genekelly.jpg" alt="Gene_Kelly" /></a>

仅支持download属性：Firefox，Opera＆amp; Chrome和 NOT IE或Safari，但您可以使用modernizr.com这是一个插件设置在网页中，以允许不支持的网络浏览器解释HTML5请求。

访问modernizr here。