我有这个音频 MP3 文件，我想在用户使用 JavaScript/JQuery 单击 DIV 时下载它。
$("#button").live("click",function(){
// initiate download
});
任何帮助将不胜感激。我似乎在这个话题上找不到任何东西。谢谢！
【问题讨论】：
标签： javascript jquery download mp3
iframe 答案是一种方法，但 MP3 通常会在 iframe 内播放，所以如果您不想打扰任何服务器端工作，并且 MP3 由您托管（至少在 Firefox 中，这在 Chrome 中不是必需的），您可以使用 a 元素的下载属性。
<a href="audio.MP3" download="DownloadedFilenameHere.mp3">Download</a>
如果你真的需要它是一个 DIV，你可以将 div 包含在 a 元素中，或者使用像这样的 Javascript 解决方法。 JS 解决方案的一个很好的优势是您可以一次对多个文件执行此操作。
var link = document.createElement('a');
link.href = "audio.MP3";
link.setAttribute('download', "DownloadedFilenameHere.mp3");
document.getElementsByTagName("body")[0].appendChild(link);
// Firefox
if (document.createEvent) {
var event = document.createEvent("MouseEvents");
event.initEvent("click", true, true);
link.dispatchEvent(event);
}
// IE
else if (link.click) {
link.click();
}
link.parentNode.removeChild(link);
如果您想多次下载，只需使用 window.setInterval 并使用 500 毫秒的间隔。使用 for 循环是行不通的，因为某种原因 Firefox 无法同时处理这么多的下载，而您必须将其隔开。
【讨论】：
您可以创建一个iframe，并将src 设置为您的MP3。
这只是解决方案的一半。为确保提示用户下载文件，而不仅仅是获取播放器，您需要通过服务器配置（即 mod_headers）或脚本（即 PHP）设置以下标头。
Content-Disposition: attachment; filename=somefilename.mp3;
示例：
$("#button").on("click",function(){
$("<iframe />")
.css({width:0,height:0})
.attr("src", "URL_TO_MP3")
.appendTo("body");
});
【讨论】：