直接下载音频的按钮需要怎么处理?

杰宝
  • 61

html上的audio样式不美观,所以重写了一下样式,调用api来实现功能,但是需求里还是要下载音频,我们音频的地址,类似于http://xxx.xxx.xx.mp3;如果用a标签的话在浏览器中会跳转到类似这种页面
图片描述

虽然也可以下载,但是多了一步操作,为了人性化一点,最好是一键直接下载了,求大神给思路,谢谢

评论
阅读 1.6k
4 个回答

服务端设置一下响应头,这种方式没有兼容性问题

Content-Disposition: attachment;

同 @jsdt 的答案
提供一个单独的下载接口 设置一下响应头即可,不使用直接暴露的mp3文件的地址。

Content-Disposition: inline
Content-Disposition: attachment
Content-Disposition: attachment; filename="filename.mp3

宣传栏