layui判断图片尺寸并终止上传

layui判断图片尺寸并终止上传

//普通图片上传
  var uploadInst = upload.render({
      elem: '#upload_avatar'
      , url: '/upload' //改成您自己的上传接口
      , auto: false	// 要是用choose时必须设置不自动上传
      , choose: function (obj) {
          //预读本地文件示例,不支持ie8
          obj.preview(function (index, file, result) {
              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 != 500 && duan != 321){
                  	  // 提示并终止
                      layer.alert("图片尺寸必须为500*321!", { icon: 5, title: "提示", offset: "auto", skin: 'layui-layer-molv' });

                      // layer.stopPropagation();
                      return false;
                  }else{
                      $('#avatar').attr('src', result); // 图片链接(base64)
                      obj.upload(index, file);//文件上传
                  }
              }
          });
      }
      , done: function (res) {
          // console.log(res);
          //如果上传失败
          if (res.status == -1) {
              // layer.msg('上传失败');
          }
          //上传成功
          if (res.status == 1) {
              $('#annex_val').val(res.data.ids);
              $('#demoText').html('<span style="color: green;">上传成功</span>');
              $("#del_annex").show();
          }
      }
      , error: function () {
          //演示失败状态,并实现重传
          var demoText = $('#demoText');
          demoText.html('<span style="color: #FF5722;">上传失败</span> <a class="layui-btn layui-btn-xs demo-reload">重试</a>');
          demoText.find('.demo-reload').on('click', function () {
              uploadInst.upload();
          });
      }
  });
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值