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

Posted tianmiaogongzuoshi

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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; 才能阻止

以上是关于elementUI 上传文件图片大小加了限制后 仍然上传了的主要内容,如果未能解决你的问题,请参考以下文章

elementUI+el-upload 上传文件大小与文件类型校验

elementUI上传图片前判断图片的尺寸大小

ueditor上传图片是哪个文件夹,如何限制 上传图片的大小(宽高)。

解决gitlab限制上传文件大小的问题

Vue实现前端裁剪(elementUI上传+vueCropper实现)

iview实现文件上传 限制上传格式大小