element上传组件 before-upload返回false

2021-12-28  本文已影响0人  zZ_d205

在利用element-ui开发文件上传时遇到这个问题。

下面是 before-upload 上传文件前的钩子,在遇到大于10M的文件时,我们返回false

   const isPDF = file.type === 'application/pdf';
      const isZIP = file.type === 'application/zip';
      const isRAR = file.type === 'application/rar';
      const isSupportFileType = isPDF || isZIP || isRAR
      if (!isSupportFileType) {
        this.$message.error('上传文件格式仅支持: zip、rar、pdf');
      }
      const isLt10M = file.size / 1024 / 1024 < 10;
      if (!isLt10M) {
        this.$message.error('上传头像图片大小不能超过 10MB!');
      }
      return isSupportFileType && isLt10M;

但是这时会出现自动调用before-remove on-remove钩子

其实此时我们根本没有上传文件,所以也不会需要删除操作,

  fileRemove (file, fileList) {
      if (file && file.status === "success") {
     //代码放到这里
   }
  }
上一篇下一篇

猜你喜欢

热点阅读