layui中的视频上传（PHP ）

最新推荐文章于 2024-08-28 07:00:00 发布

叶落无痕123

最新推荐文章于 2024-08-28 07:00:00 发布

阅读量1k

点赞数 1

原文链接：https://www.cnblogs.com/luqiangblogs/p/12739160.html

版权

PHP 同时被 2 个专栏收录

116 篇文章 1 订阅

订阅专栏

layui

22 篇文章 1 订阅

订阅专栏

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;
}

样例截图：