分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 软件开发

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

发布时间:2023-09-06 02:23责任编辑:董明明关键词:上传图片element

  在上传图片前判断尺寸的大小,遇到了好多的坑。

1.没有注意到onload是异步加载,所以一定要在onload后在执行判断图片尺寸

2.upload内部需要一个promise,简单的return出false并没有什么用

3.完整代码:

beforeAvatarUpload(file) { ??????const isSize = new Promise(function(resolve, reject) { ???????let width = 100; ???????let height = 100; ???????let _URL = window.URL || window.webkitURL; ????????????????let img = new Image(); ???????img.onload = function() { ???????????let valid = img.width >= width && img.height >= height; ???????????valid ? resolve() : reject(); ???????} ???????img.src = _URL.createObjectURL(file); ???}).then(() => { ???????return file; ???}, () => { ???????this.$message.error(‘上传的icon必须是等于或大于100*100!‘); ???????return Promise.reject(); ???}); ???return ?isSize;}

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

原文地址:https://www.cnblogs.com/yuzihong/p/10002508.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved