PHP TP3.2 音樂文件上傳並在本地播放

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 

})

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章