一、js-sdk(前端直接上传)
废话不多说直接上干活:
需要:QINIU_ACCESS_KEY 在个人密钥
QINIU_SECRET_KEY 在个人密钥
QINIU_BUCKET 存储空间列表的名称
QINIU_DOMAIN
1、需要下载js-sdk 这个本宝宝已经帮你们准备好了去除了多余的东西(页面需要引入的所有文件js-sdk), 其中包含本宝宝封装的方法在customqiniu.js里。
2、如果你引入了customqiniu.js文件,上传页面只需要一个按钮即可
<div class="upload-demo">
<div id="pop-container">
<div id="pop-upload" data-qiniu-domain="{{ $QINIUDOMAIN }}">
<!-- 这里任何标签都可以 -->{{--<label for="">上传图片</label>--}}
<input type="button" value="上传视频">
</div>
</div>
</div>
<div id="pickfiles"></div>
本宝宝当初简单弄了一个可以作为参考上传页面和控制器
3、customqiniu.js文件里面需要token,最好由服务端生成通过接口获取最好,服务端的token生成会在下面说明。
二、安装qiniu php-sdk
1、$ composer require qiniu/php-sdk
2、页面用普通的input标签file类型就OK
3、以larvarel框架为例,服务端处理:下面流程包括 上传存储、转码:
然后就是本地的存储
结果:
本地预览:
至此,七牛云的视频上传已经写完,更多功能请查看七牛官方文档,以上文章如有问题欢迎指正和探讨。
Email: 514162504@qq.com。
QQ:514162504