目前下面的按钮,打开MP3到一个新的标签,我有兴趣让它弹出一个直接下载部分点击。
<a href="https://skyvault.co/show/audio?filename=5qpxt5E11oyHEG">Testing</a>
JSFiddle.
yqyhoc1h1#
您可以使用下载属性。
<a href="https://skyvault.co/show/audio?filename=5qpxt5E11oyHEG" download>Testing</a>
如果要更改文件名,如W3Schools文档中所述:为下载属性指定一个值,该值将成为下载文件的新文件名(“w3logo.jpg”代替“myw3schoolsimage.jpg”):
9cbw7uwe2#
这对我有用。
var url = "https://assets.codepen.io/4358584/Anitek_-_Komorebi.mp3" url += '?' + new Date().getTime() fetch(url, {headers: {'Access-Control-Allow-Origin': '*'}}) .then(res => { return res.blob() }) .then(blob => { let objectURL = URL.createObjectURL(blob) var ae = document.createElement('a') ae.href = objectURL ae.download = "Accompaniment.mp3" ae.innerHTML = "Download" // document.body.appendChild(ae) ae.click() })
umuewwlo3#
您可以使用download属性,也可以命名下载的文件(在本例中可能是mp3文件的名称):
<a href="https://skyvault.co/show/audiofilename=5qpxt5E11oyHEG" download='name_of_file.mp3'>Testing</a>
3条答案
按热度按时间yqyhoc1h1#
您可以使用下载属性。
如果要更改文件名,如W3Schools文档中所述:
为下载属性指定一个值,该值将成为下载文件的新文件名(“w3logo.jpg”代替“myw3schoolsimage.jpg”):
9cbw7uwe2#
这对我有用。
umuewwlo3#
您可以使用download属性,也可以命名下载的文件(在本例中可能是mp3文件的名称):