layui框架实战案例(5)：基于PHP后端的layUI上传视频到七牛云对象储存并自动转码

七牛云配置

先在七牛云申请账户及accessKey信息，保存为数组文件，方便后期调用

	// +----------------------------------------------------------------------
	// | 七牛云设置
	// +----------------------------------------------------------------------

	//七牛云appid
	'qn_accessKey' => 'idaqr1_NoVpXmz...',
	//七牛云appSecret
	'qn_secretKey' => 'y6J4dIkqHC...',
	//七牛储存外链地址；
	'qn_url' => 'http://heart.***.net/',
	//七牛存储空间列表；
	'qn_bucket' => 'heart',
	//七牛私有队列；
	'qn_pipeline' => 'chalu',

引入七牛云依赖包

开发文档及下载地址参见：https://developer.qiniu.com/kodo/sdk/1241/php

前端上传按钮

HTML代码：

        
            上传图片
            上传视频
        

js代码

        //上传视频至七牛云;
        upload.render({
            elem: '#test5'
            , url: 'safe.php?m=Safe&a=safeUpVideo&act=upVideo&safe_id=' + safe_id
            , accept: 'video' //视频
            , exts: 'mp4|mpg|mov' //只允许上传压缩文件
            , before: function () {
                layer.load();
            }
            , done: function (res) {
                if (res.status != "0") {
                    return layer.msg('上传失败!');
                }

                //上传成功
                if (res.status == "0") {
                    layer.alert(res.err, {icon: 6}, function () {
                        // 获得frame索引
                        var index = parent.layer.getFrameIndex(window.name);
                        //关闭当前frame
                        parent.layer.close(index);
                        //重新加载页面
                        window.parent.location.reload();
                    });
                }
            }
        });
    });

后端处理 封装上传类