美文网首页
vue+element ui 上传文件 验证格式

vue+element ui 上传文件 验证格式

作者: 徐福瑞 | 来源:发表于2021-03-26 11:21 被阅读0次
    image.png
                  beforeAvatarUploadq(file) { // 上传文件验证
                        var index = file.name.lastIndexOf(".");
                        //获取后缀 
                        var ext = file.name.substr(index + 1).toLowerCase();
                        //输出结果
                        var extarr = ['jpg', 'png', 'pdf', 'bmp']
    
                        let flag = true
                        const isLt2M = file.size / 1024 / 1024 < 10
                        if (extarr.indexOf(ext) == -1) {
                            console.log(3)
                            flag = false
                            this.$message.error('上传文件只能是BMP/JPG/PNG/PDF格式!');
                        }
                        if (!isLt2M) {
                            this.$message({
                                message: "上传文件大小不能超过 10MB!",
                                type: 'error'
                            })
                            flag = false
                        }
                        return flag
                    },
    

    相关文章

      网友评论

          本文标题:vue+element ui 上传文件 验证格式

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