----
ElementUI图片上传前对尺寸进行验证的方法
一.ElementUI的upload组件用法
具体的属性可以查看官方文档,这里用到的是:before-upload="beforeAvatarUpload..." 这个钩子函数,看名字就知道这是在图片上传前执行的方法,在此可以进行一些验证,官方给出了对图片类型以及大小的验证,接下来将实现对图片尺寸的验证....进行验证
1、FileReader接口的方法
FileReader接口有4个方法,其中3个用来读取文件,另一个用来中断读取。...;
}
三.ElementUI与FileReader的结合实现验证
既然是获取图片的宽高,那么我这里也是借助了图片来进行验证,既然是图片,我们就要用到FileReader接口的readAsDataURL...readAsDataURL获取到的结果,刚好可以赋给img标签作为src属性,然后我们就可以通过最简单的img.width以及img.height来获取宽高了,最后再进行验证就好了
看一下控制台打印结果