HTML

<div class="form-group" id="pic_list">
<label class="col-sm-2 control-label no-padding-right" for="form-field-1"> 背景音樂: </label>
<div class="col-sm-6">
<input type="file" name="musice" id="musice" ><div id="audiourl">{$choujiang_info.yao_musicset}</div>
<div id="audioz"></div>
</div>
</div>
<div class="space-4"></div>

JS

$("#musice").change(function(){
var filePath=$(this).val();
if(filePath.indexOf("mp3")!=-1){
 var file = document.getElementById('musice').files[0];  
var url = URL.createObjectURL(file);
html ='<audio controls="controls" src="'+ url +'"></audio>';
$('#audioz').html(html);
// $('#audiourl').hide();
}else{
$("#audioz").html("您未上傳檔案，或者您上傳檔案型別有誤！");
// $(".fileerrorTip1").html("您未上傳檔案，或者您上傳檔案型別有誤！").show();
//alert("您未上傳檔案，或者您上傳檔案型別有誤！");
return false 
} 
})