文件上传参数：
elem
绑定的元素
url
上传的接口
accept
表单验证，可以上传的文件类型
acceptMime
文件选择对话框显示的文件的筛选
exts
允许上传的文件后缀
auto
是否文件自动上传
size
可以上传的文件的大小 单位是kb
done
上传结束的回调方法
error
异常的回调方法
choose
选完文件的回调方法
代码如下 ：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="layui/layui/css/layui.css" media="all">
<script src="layui/layui/layui.js"></script>
</head>
<body>
<button type="button" class="layui-btn" id="test1">
<i class="layui-icon"></i>上传图片
</button>
<script>
layui.use('upload', function(){
var upload = layui.upload;
//执行实例
var uploadInst = upload.render({
elem: '#test1' //绑定元素
,url: '/upload/' //上传接口
,accept:"images"//验证类型
,acceptMime:"image/*"//文件选择对话框筛选
,exts:"jpg"//允许上传的文件后缀
,auto:true//选完文件 自动上传
,size:1000//允许上传的文件大小 kb单位
,done: function(res){
//上传完毕回调
}
,error: function(){
//请求异常回调
},
choose:function(){
//选完文件后回调
}
,before:function(obj){
//上传文件前回调
//文件预览
obj.preview(function(index,file){//index文件索引 file文件
});
},
progress:function(n,index){//n进度 index多文件上传的文件索引
//文件上传进度回调
}
});
});
</script>
</body>
</html>
0条评论
点击登录参与评论