首页 > Web开发 > 详细

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

时间:2018-11-22 17:43:06      阅读:816      评论:0      收藏:0      [点我收藏+]

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

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

(1)
(1)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!