300字范文,内容丰富有趣,生活中的好帮手!
300字范文 > input file 上传图片判断图片的宽高尺寸

input file 上传图片判断图片的宽高尺寸

时间:2023-07-06 06:33:10

相关推荐

input file 上传图片判断图片的宽高尺寸

最近的项目中有需要限制上传图片的尺寸:

<form id="uploadForm"><input type="file" id="file" @change="uploadImg($event)"></form>

方法如下:

uploadImg(event) { //上传图片const _this = this;let _file = event.target.files[0];let reader = new FileReader();reader.readAsDataURL(_file);reader.onload = function(e) {let image = new Image();image.src = e.target.result;image.onload = function() {let w = this.width;let h = this.height;if (w !== 720 || h !== 360) {_this.$message.info('请上传尺寸为720px*360px的图片');return false;} else {//上传成功//...}}}}

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。