el-upload上传附件限制大小

1、添加on-change事件

:on-change="handleChangeFile"
1

2、限制函数

 handleChangeFile(file, fileList) {
        //限制上传文件大小
        if (!file) return
        const isLt2M = file.size / 1024 / 1024 < 10
        if (!isLt2M) {
          this.$refs.upload.clearFiles()
          this.$message({
            message: '上传文件大小不能超过 10MB!',
            type: 'warning',
          })
          return false
        }
      },
1
2
3
4
5
6
7
8
9
10
11
12
13