【精华分享】layui.upload上传文件或图片在before执行上传前阻止停止上传

分享 未结 精帖
5 2153
Kandy
Kandy 2018-3-13
悬赏:20飞吻
搜索了百度,各社区,都没有该解决方案,又查看了layui.upload.js源码,各种尝试后依然无所获,重新看了一遍简短的文档,突然受到了启发,现独家分享给大家:

1)充分了解三个状态:choose,before,done。
choose)表示文件选择后的回调,注意此时并没有加入上传队列;
before)表示文件上传前的回调,注意此时已经加入上传队列;
done)表示文件上传成功的回调;

2)要使用choose,必须设置为auto为false
这一步就是精华所在了,很多人都不会设置auto,而默认值是true自动上传,自动上传就无法阻止不上传了。
所以,必须要设置auto:false,这样就可以配合choose了,在choose,如果不执行obj.upload(index, file)就不会上传了。

3)代码分享
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("文件上传发生错误");
}
});
});
回帖