javascript - 如何在 jQuery 上运行音频文件的下载命令

标签 javascript browser href

我正在尝试创建一个下载按钮,按下该按钮时,它会找到当前播放歌曲的网址并下载它。 问题是当我按下按钮时,浏览器会打开文件位置而不是下载它。 我知道可以在服务器端进行一些设置来下载附件。但在这种情况下我无法访问服务器。

var button = $("button");
var url = "shorturl.at/cfikM";

button.on("click", function(){
   top.location.href = url;
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button>Download</button>
基本上我希望它的工作方式如下: <a href="URL" download> Download </a>

知道如何让它发挥作用吗?

最佳答案

您可以尝试的是:

有一个隐藏的 href 链接指向您要下载的文件:

    <a style="visibility: hidden" id="lelink" href="http://some.file.url" download="w3logo">        Download me      </a> 

然后您可以使用 Jquery 设置按钮的行为并触发“链接单击”:

button.on("click", function(){
   document.querySelector("#lelink").click()
})

当然,这将在同一选项卡上打开链接内容(就像重定向一样)。

如果您希望在不重定向选项卡的情况下下载文件内容,那么这将不起作用

希望这有帮助

关于javascript - 如何在 jQuery 上运行音频文件的下载命令,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59039061/

相关文章:

javascript - 这些 block 的 JS 范围如何工作?

javascript - 如何定义搜索词框以使用 Twitter 流 API 和meteor.js 搜索用户的特定时间线

javascript - 如何在进行冗长的 JavaScript 计算时强制更新浏览器中的 UI?

javascript - 如何在屏幕上保持弹出模式的同时停止导航?

css - 单击链接或超链接图像时激活电话 - 给链接或图像 ID 时不起作用?

javascript - jQuery 函数 "on()"在 Firefox 中工作但在 Chrome 中不起作用

javascript - 隐藏嵌套的 html 表格列

java - Java Applet 可以使用浏览器的 NTLM 授权 header 吗?

flash - 是否可以通过Flash/js/silverlight在浏览器中捕获音频流?

javascript - 在 P 元素中禁用 HREF