如何设置动态创建的元素的默认下载文件名<audio>?



当从blobnew Audio(URL.createObjectURL(blob))动态获取音频元素的源并且从默认下载按钮(在三点菜单中(下载该音频时,即使我设置了type="audio/wav"download="file.wav",下载文件的名称也会变为415fa035-08ba-4a67-ae0d-a0d6876a1eef.txt

<audio preload="auto" src="blob:http://127.0.0.1:5500/415fa035-08ba-4a67-ae0d-a0d6876a1eef" controls="true" type="audio/wav"></audio>

如何手动设置从以这种方式动态创建的音频元素下载的文件的名称?

下载文件名可以通过设置元素的title属性来设置。

<audio preload="auto" src="blob:http://127.0.0.1:5500/415fa035-08ba-4a67-ae0d-a0d6876a1eef" controls="true" type="audio/wav" title="file.wav"></audio>

audioElement.title = "file.wav"

现在,文件以这个名称和扩展名保存。

我在处理HTML音频标记时也遇到了类似的问题。

解决方案很简单。您所需要做的就是将音频标题属性设置为您希望下载链接具有的名称和扩展名。

例如

audio.title=";myLovelySong.mp3">

现在,您的下载名称将为myLovelySong.mp3。

最新更新