element ui 上传图片限制格式、大小设置

:before-upload="beforeUploadImg"

beforeUploadImg(file) {

      var testmsg = file.name.substring(file.name.lastIndexOf('.') + 1)

      const extension =

        testmsg === 'jpg' ||

        testmsg === 'JPG' ||

        testmsg === 'png' ||

        testmsg === 'PNG'

      const isLt2G = file.size / 1024 / 1024 < 2000

      if (!extension) {

        this.$message({

          message: '上传图片只能是jpg / png 格式!',

          type: 'error'

        })

        return false // 必须加上return false; 才能阻止

      }

      console.log(file)

      if (!isLt2G) {

        this.$message({

          message: '上传文件大小不能超过 2G!',

          type: 'error'

        })

        return false

      }

      return extension || isLt2G

    }

如图：

 

---