在 html 页面中嵌入歌曲.通过文件浏览器选择歌曲后，它应该在HTML页面中显示为缩略图

Question

我想在html页面中嵌入歌曲。 通过文件浏览器选择歌曲后，它应该在HTML页面中显示为缩略图。我想要在 HTML 5 中为此提供功能。

我尝试了以下内容：

function selaudio()
{
    var audiopath=document.getElementById('audioFile').value;
    var audiopath="somefile";
    document.getElementById("audioDiv").innerHTML+="<audio src="+audiopath+" controls></audio><br/>"; 
}

这是我在正文中的代码：

input type="file" name="file" accept="audio/*" onclick="selaudio()" id="audioFile" value="" placeholder="Upload Audio" data-theme="b"  

Answer 1

看看这个JSFiddle，它完全符合你的要求：http://jsfiddle.net/Tv8Cm/48/

关键是使用 URL.createObjectURL ，而不是文件输入中的原始路径。