嗨朋友们，我正在开发一个静态移动网站，但遇到了一个问题。问题是当用户点击相应的链接时，我想下载一个mp3 文件。我也尝试了以下代码，但它会使文件在新窗口中打开，并且文件开始在新标签上播放。
我不想通过点击链接来播放文件，我想让它下载到用户的移动设备上。
使用 HTML5、jQuery 等有什么出路吗？
请帮帮我.. :)
<a href="singinintherain.mp3" target="_blank"><img src="genekelly.jpg" alt="Gene_Kelly" /></a>
【问题讨论】：
使用html5下载属性：
<a href="singinintherain.mp3" download><img src="genekelly.jpg" alt="Gene_Kelly" /></a>
见this link。显然，下载属性在 ie 和 Safari 中不起作用。对于这些浏览器，您只需指示用户右键单击链接并选择“另存为”即可下载文件。
【讨论】：
HTML5 有一个download 属性，您可以阅读有关here 的信息。
您也可以按如下方式编辑代码：
<a href="singinintherain.mp3" download="singinintherain.mp3"><img src="genekelly.jpg" alt="Gene_Kelly" /></a>
download 属性仅支持：Firefox、Opera 和 Chrome 以及 NOT IE 或 Safari，但您可以使用 modernizr.com，这是一个插件，旨在放置在网页中以允许非- 支持 Web 浏览器解释 HTML5 请求。
访问modernizrhere。
【讨论】：