layui 文件上传前检查文件大小，后面再点上传出现重复提交的问题

发布日期： 2024-11-08 11:55 阅读量： 82 来源： 互联网

upload.render({

elem: layero.find("#uploadPicture"),

url: '{:url("admin/annex/upload?type=modellabel&water=no&group=office")}',

data: {

model_id: 1

accept: 'images',

acceptMime: 'image/png,image/jpeg',

exts:'jpg|png',

method: 'post',

auto:false,

size: 1024*10, //上传文件大小kB

multiple: false, //允许多文件上传

number: 1, //可以同时上传的文件数量，0表示不限制

// bindAction: '#upimgAction1',

choose: function (obj) {

//预读本地文件，如果是多文件，则会遍历。(不支持ie8/9)

var flag = true;

obj.preview(function (index, file, result) {

console.log(111);

console.log(file); //file表示文件信息，result表示文件src地址

if(file.size > 1024*1024) { //当文件大小大于10MB时

layer.msg("{$Think.lang.site_parametre_popup_img_max}1MB", {offset: 'auto'});

flag = false;

}

if(flag) obj.upload(index, file)

});

// $('#upimgAction1').click(); 此方法重复提交，不可用

done: function (res, index, upload) { //每个文件提交一次触发一次。详见“请求成功的回调”

layer.msg(res.msg, {time: 1500, offset: 'auto'});

if (res.code == 1) {

layero.find("#carouselimg").hide().addClass('product_price_tag_img_full').attr('src', res.data.file).fadeIn();

layero.find("#carouselimgv").val(res.data.file);

}

});

随便看看