layui 第三方组件平台

返回首页 发布组件

使用七牛云官方文档编辑上传,支持分片上传,后台只需提供token即可。

文档

模块中直接连接的七牛云的官方jssdk,也可以修改成本地路径即可。
使用简单,直接传域名和token进去就行,支持自定义next、error、complete方法。
layui.config({
base: '__PUBLIC__/layui/' //静态资源所在路径
}).extend({
qiniuyun: 'qiniuyun/index',
}).use(['index', 'qiniuyun'], function(){
var $ = layui.$
,element = layui.element
,layer = layui.layer
,qiniuyun = layui.qiniuyun;
qiniuyun.loader({
domain: '{$domain}'
, elem: "#upload-video"
, token: "{$token}"
, next: function(response){
$(".show_video").show();
console.log("上传进度为:" + response.total.percent + "%");
element.progress('video-progress', response.total.percent + '%');
}
, complete: function(res){
// layer.closeAll('loading'); // 可以调用loading
layer.msg("上传成功!");
$("#video_url").val('{$domain}/'+res.key);
$(".show_video").find("video").attr("src", '{$domain}/'+res.key);
}
});
});
先放个简单的吧,后续再升级