element 文件上傳大小控制

1.頁面代碼

 <el-upload :show-file-list="false" class="upload-demo" :before-upload="beforeUpload"
                        :on-progress="onProgress" :on-success="onSuccess" :on-error="onError" action="/api/upload">
                        <el-button size="small" type="primary">點擊上傳</el-button>
                  </el-upload>

2. 在before-upload事件中判斷文件大小，不符合返回false

  beforeUpload(file) {

                        let fileObj = {
                              name: file.name,
                              size: file.size,
                              status: "開始上傳",
                              process: 0,
                              id: file.uid
                        }
                        if (file.size > 100 * 1024 * 1024) {
                              console.log('上傳文件過大', file.size)
                              return false   //必須返回false
                        }
                        this.fileList.push(fileObj)

                  },