layui上传图片控制图片的宽高

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(){

            }
        });
  • 3
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

你猜我会不会

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值