layui上传图片控制图片的宽高
此处需要控制为 false,不然上传时直接自动上传了,上传前的回调方法就调用不了了
var uploadInst = upload.render({
elem: '#test1'
,url: "{:url('admin/upload/uploadLocality')}"
,accept: 'images'
,multiple:false
,auto: false
,choose: function(obj){ //上传前选择回调方法
var flag = true;
// https://www.layui.com/doc/modules/upload.html
obj.preview(function(index, file, result){
// console.log(file); //file表示文件信息,result表示文件src地址
var img = new Image();
img.src = result;
img.onload = function () { //初始化夹在完成后获取上传图片宽高,判断限制上传图片的大小。
if (img.width > img.height) { // 判断出最长边和最短边
var chang = img.width;
var duan = img.height;
} else {
var chang = img.height;
var duan = img.width;
}
if(chang < 4096 && duan > 50){
obj.upload(index, file); //满足条件调用上传方法
}else{
flag = false;
// layer.msg("您上传的图片最短边至少50px,最长边最大4096px!");
layer.alert("您上传的图片最短边至少50px,最长边最大4096px!", { icon: 5, title: "提示", offset: "auto", skin: 'layui-layer-molv' });
return false;
}
}
return flag;
});
}
,done: function(res){
if (res.code==200) {
$('#lay-img-list1').attr("src",res.url);
$('#product_image').val(res.url);
}
if (res.code == 100) {
layer.alert("文件大于2m", { icon: 5, title: "提示", offset: "auto", skin: 'layui-layer-molv' });
}
}
,error: function(){
}
});