美文网首页
element上传组件 before-upload返回false

element上传组件 before-upload返回false

作者: zZ_d205 | 来源:发表于2021-12-28 14:45 被阅读0次

在利用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") {
     //代码放到这里
   }
  }

相关文章

网友评论

      本文标题:element上传组件 before-upload返回false

      本文链接:https://www.haomeiwen.com/subject/gkupqrtx.html