vue+Element 或者vue+iView 上传图片验证分辨率

文章目录

• • 如果想在上传图片验证分辨率就放在before-upload这个钩子调用
  • 具体方法 先定义:before-upload="beforeUpload"
  • 然后在methos调用这个方法
  • 例如我这边设置的宽度不能大于或者小于980像素高度不能大于1180和小于1180像素
  • 运行效果

如果想在上传图片验证分辨率就放在before-upload这个钩子调用

具体方法 先定义:before-upload=“beforeUpload”

然后在methos调用这个方法

例如我这边设置的宽度不能大于或者小于980像素高度不能大于1180和小于1180像素

beforeUpload(file) {const _URL = window.URL || window.webkitURLconst isSize = new Promise((resolve, reject) => {const img = new Image()img.onload = function() {this.width > 980 || this.width < 980 || this.height > 1180 || this.height < 1180 ? reject() : resolve()}img.src = _URL.createObjectURL(file)}).then(() => {return file},() => {this.$Message.error('上传失败：请上传尺寸为980*1180px的图片！')return Promise.reject()})return isSize},

运行效果

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！