el-upload使用beforeUpload不生效

    解決方式如下:

將auto-upload設置成false,用on-change來操作
<el-upload

              class="upload-demo"

              :action="uploadUrl"

              :auto-upload="false"

              :on-preview="handlePreview"

              :on-remove="handleRemove"

              :before-remove="beforeRemove"

              :on-success="handleSuccess"

              :on-exceed="handleExceed"

              :on-change="handleChange"

              :file-list="fileList"

              :limit="1"

            >

async handleChange (file, fileList){

      if (file.size / 1024 / 1024 > 5) {

        this.fileList = [];  //將列表清空

        this.$message.warning("上傳文件大小不能超過 5MB!");

        return false;

      }

      this.fileList = fileList;
     // 傳參用的是FormData類型

      let formData = new FormData();

      formData.append('file',file.raw); //file類型是binary

      formData.append('fileName', file.name);

      const res = await infoApi.uploadFile(formData);

    },