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;
}
样例截图: