Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/76.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Android 在html页面中嵌入歌曲。一旦一首歌曲通过文件浏览器被选中,它就会在html页面中显示为缩略图_Android_Jquery_Html - Fatal编程技术网

Android 在html页面中嵌入歌曲。一旦一首歌曲通过文件浏览器被选中,它就会在html页面中显示为缩略图

Android 在html页面中嵌入歌曲。一旦一首歌曲通过文件浏览器被选中,它就会在html页面中显示为缩略图,android,jquery,html,Android,Jquery,Html,我想在html页面中嵌入歌曲。一旦一首歌曲通过文件浏览器被选中,它就会在html页面中显示为缩略图。 我想在HTML5中为这个函数 我尝试了以下方法: function selaudio() { var audiopath=document.getElementById('audioFile').value; var audiopath="somefile"; document.getElementById("audioDiv").innerHTML+="<aud

我想在html页面中嵌入歌曲。一旦一首歌曲通过文件浏览器被选中,它就会在html页面中显示为缩略图。 我想在HTML5中为这个函数

我尝试了以下方法:

function selaudio()
{
    var audiopath=document.getElementById('audioFile').value;

    var audiopath="somefile";
    document.getElementById("audioDiv").innerHTML+="<audio src="+audiopath+" controls></audio><br/>"; 
}

看看这个JSFIDLE,它完全满足您的需求:

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

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