layui中的視頻上傳(PHP )


1.html中:

<div class="layui-form-item">
<label class="layui-form-label">視頻:</label>
<div class="layui-input-inline">
     <!--存放上傳后視頻路徑-->
        <input type="text" name="video"  id="inputvideourl" placeholder="視頻地址" value="" class="layui-input"> 
</div>
  <!--視頻顯示代碼-->
<video width="320" height="240" controls="controls" autoplay="autoplay">
<source id="show_video" src="{:isset($list.video)?$list.video:''}" type="video/mp4" />
</video>
<button type="button" class="layui-btn" id="upload_video"><i class="layui-icon"></i>上傳視頻</button>
</div>

2.js中:

//上傳視頻
upload.render({
elem: '#upload_video'
    ,url: "上傳接口"
,accept: 'video' //視頻
,done: function(res){
$("#inputvideourl").val(res.data.src);
layer.msg('上傳成功');
}
});

3.上傳接口:

public function upload()
{
$file = request()->file('file');
$info = $file->validate(['size'=>3145728])->move( '../public/uploads');
if($info){
$msg=['code'=>0,'msg'=>'上傳成功','data'=>['src'=>'/uploads/'.str_replace('\\', '/', $info->getSaveName())]];
}else{
$msg=['code'=>1,'msg'=>$file->getError()];
}
return $msg;
}

樣例截圖:

 

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM