zoukankan      html  css  js  c++  java
  • 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;
    }

    样例截图:
     
  • 相关阅读:
    谷歌浏览器本地调试时调用服务跨域
    SVN提交时忽略不必提交的文件夹和文件,如node_modules
    热点链接实现不规则菜单
    easyui分页控件的应用
    Filter过滤器的应用
    SVG绘图学习总结
    VS2010无法调试页面问题
    java学习
    webservice配置
    jQuery
  • 原文地址:https://www.cnblogs.com/luqiang213917/p/12739160.html
Copyright © 2011-2022 走看看