Webpack 限制压缩图片大小方法详细解析

picUpload(e) {

   let image = new Image();

   const reader = new FileReader();

   const $img = e.target.files[0];

   const formData = new FormData();

   formData.append('pic', $img);

   reader.onload = (e) => {

    const src = e.target.result;

    image.src = src;

    if (image.width !== 750 && image.height !== 1334) {

     this.showModal('', '图片尺寸有误,请重新上传', 'warning', true, false);

    } else {

     if ($img.size > (300 * 1024)) {

      this.showModal('', '图片大小不能超过300k', 'warning', true, false);

      this.setParams('pic', '');

     } else {

      this.$set(this, 'IMGNAME', $img.name);

      this.setParams('pic', formData);

     }

    }

   }

   if (e.target.files && e.target.files[0]) {

    reader.readAsDataURL(e.target.files[0]);

   }

  },