el-upload上传时的文件类型和大小限制失效，如何处理？

Posted 2023-05-11

参考技术A 答案，因为自动上传，关闭了。change是在成功后上传的结果，把限制放在这里不行。

第二，有一个http-request 的属性来覆盖默认的请求地址，这样可以自定义上传。

elementUI 上传文件图片大小加了限制后 仍然上传了

https://blog.csdn.net/chanlingmai5374/article/details/80558444  看了这位老哥的说法 在看看文档 才发现自己没认真看文档

<el-upload
          :beforeUpload="beforeAvatarUploadPdf"                  
</el-upload>

　　

 
 
 
 
 
beforeAvatarUploadPdf(file)
    var testmsg=file.name.substring(file.name.lastIndexOf(‘.‘)+1)                
                const extension = testmsg === ‘pdf‘ ||  testmsg === ‘PDF‘;
            
                const isLt50M = file.size / 1024 / 1024 < 50
                if(!extension ) 
                    this.$message(
                        message: ‘上传文件只能是pdf格式!‘,
                        type: ‘error‘
          );
          return false;//必须加上return false; 才能阻止
                
                if(!isLt50M) 
                    this.$message(
                        message: ‘上传文件大小不能超过 50MB!‘,
                        type: ‘error‘
          );
         return false;
                
                return extension ||  isLt50M

必须加上return false; 才能阻止