使用layui.upload上传文件或图片
[p]
一、充分了解三个状态：choose，before，done。
[/p]
[li]
choose：表示文件选择后的回调，注意此时并没有加入上传队列；
[/li]
[li]
before：表示文件上传前的回调，注意此时已经加入上传队列；
[/li]
[li]
done：表示文件上传成功的回调；
[/li]
[p]二、要使用choose，必须设置为auto为false这一步就是精华所在了，很多人都不会设置auto，而默认值是true自动上传，自动上传就无法阻止不上传了。
所以，必须要设置auto:false，这样就可以配合choose了，在choose，如果不执行obj.upload(index, file)就不会上传了。[/p]
[p]三、代码分享[/p]
[pre]
layui.use(['layer', 'upload'], function () {
var upload = layui.upload;
upload.render({
elem: '#divUpload'
, url: '/ashx/upload.ashx'
, multiple: true //多文件上传
, accept: "file"
, data: { action: 'layupload' }
, auto: false
, choose: function (obj) {
obj.preview(function (index, file, result) {
if ($(".fileName[data-filename='" + file.name.toLowerCase() + "']").length > 0)
alert("文件已存在");
else
obj.upload(index, file);//文件上传
});
}
, before: function (obj) {
alert("文件开始上传，请等待");
}
, done: function (res, index, upload) {
alert("文件上传成功");
}, error: function (a, b) {
alert("文件上传发生错误");
}
});
});
[/pre]
发表新帖
- 本月热议
- LarryMS2020年初更新动态 19
- LarryMS系列产品双十一限时特惠活动【特大优惠不容错过】 14
- 如何看我是不是VIP 14
- 使用layui.upload上传文件或图片 11
- 我就随便发发 11
- LarryMS社区【重磅上线】需求征集平台！ 10
- 为啥授权价格又变了 10
- LarryMS2.0.9 rc_01正式发布并提供下载公告 8
- LarryMS 2.08 Beta1正式提供下载 8
- 更新预告与会员注意事项 7
- 已确定的tab页打开的BUG，可以在官方demo重现 7
- 建议取消那些炫酷但没用的动态效果 7
- LarryMS2.08全新版发布预告 7
- 【重要】关于LarryMS早期付费用户兑换VIP说明 7
- 左侧菜单栏初始化时选项卡选中问题 6
