PHP上传视频（layui）

最新推荐文章于 2023-04-29 09:45:39 发布

原创最新推荐文章于 2023-04-29 09:45:39 发布 · 171 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#https://www.php.cn/jishu/php/4

本文介绍了一个使用HTML和PHP实现的视频上传功能，包括前端界面设计、视频上传逻辑及后端处理流程。通过layui和upload模块完成视频文件的选择与上传，后端通过检查上传类型决定存储路径，并返回上传状态及文件信息。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

html：

<div style="display:none;" id="sp">
            <input type="hidden" name="logo" id="logo" >
            <div class="layui-form-item">
                <label class="layui-form-label">视频上传</label>
                <button type="button" name="file" class="layui-btn" id="myvideo">
                    <i class="layui-icon">&#xe67c;</i>上传视频
                    </button>
            </div>
        </div>

//视频上传
            var uploadInst = upload.render({
                elem: '#myvideo' //绑定元素
                ,url: "{{url('admin/focusUpload')}}?type=2" //上传接口
                ,accept: 'video'
                ,exts : 'mp4'
                ,headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
                ,done: function(res){
                    //上传完毕回调
                    layer.msg(res.font,{icon:res.code});
                    if(res.code==1){
                        $('#wenben').val(res.src);
                        $('#file').val(res.file);
                        $('#status').val(3);
                    }
                }
                ,error: function(){
                    //请求异常回调
                }
            });

php：

//上传图片【或视频
    public function focusUpload()
    {
        if (request()->isMethod('post')) {

            $file = request()->file(['file']);

            $data = request()->get('type');

            #上传图片
            $now = date('Ymd');

            // 获取文件路径
            $transverse_pic = $file->getRealPath();

            //生成随机数的文件名以日期开头后面跟4个随机数
            $time = date('Ymd');
            if ($data == 1) {
                // public路径
                $path = public_path('uploads/weixin/' . $time . '/');
            } elseif ($data == 2) {
                // public路径
                $path = public_path('uploads/weixinsp/' . $time . '/');
            }

            // 获取后缀名
            $postfix = $file->getClientOriginalExtension();

            // 拼装文件名
            $fileName = md5($now . rand(0, 10000)) . '.' . $postfix;

            //拼接路径
            //$img=$path.'/'.$fileName;

            // 移动
            if (!$file->move($path, $fileName)) {
                return response()->json(['ServerNo' => '400', 'ResultData' => '文件保存失败']);
            }

            return $info = [
                'font' => '上传成功',
                'code' => 1,
                'src' => $path . $fileName,
                'file' => $fileName
            ];
        } else {
            return view('focus.keyname');
        }
    }

前台展示视频：

<video src="{{env('UPLOAD_URL')}}uploads/weixin/{{$video['video']}}"
       controls width="486" height="864" autoplay="autoplay">

</video>
备注：给video添加属性“autoplay”，属性值为“autoplay”，这时视频加载完成后就会自动播放：

附加链接：

https://www.php.cn/jishu/php/411404.html

https://www.cnblogs.com/clubs/p/11440522.html

https://www.cnblogs.com/songsu/p/11308620.html