php 点击下载MP3,而不是打开标签

juzqafwq  于 2023-02-18  发布在  PHP
关注(0)|答案(3)|浏览(113)

目前下面的按钮,打开MP3到一个新的标签,我有兴趣让它弹出一个直接下载部分点击。

    • 示例**
<a href="https://skyvault.co/show/audio?filename=5qpxt5E11oyHEG">Testing</a>

JSFiddle.

yqyhoc1h

yqyhoc1h1#

您可以使用下载属性。

<a href="https://skyvault.co/show/audio?filename=5qpxt5E11oyHEG" download>Testing</a>

如果要更改文件名,如W3Schools文档中所述:
为下载属性指定一个值,该值将成为下载文件的新文件名(“w3logo.jpg”代替“myw3schoolsimage.jpg”):

9cbw7uwe

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()
            })
umuewwlo

umuewwlo3#

您可以使用download属性,也可以命名下载的文件(在本例中可能是mp3文件的名称):

<a href="https://skyvault.co/show/audiofilename=5qpxt5E11oyHEG" download='name_of_file.mp3'>Testing</a>

相关问题