elementUI图片上传之前对图片的宽高做限制。

最新推荐文章于 2024-08-07 13:51:42 发布

原创最新推荐文章于 2024-08-07 13:51:42 发布 · 置顶 · 2.7k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#java

其他同时被 2 个专栏收录

19 篇文章

订阅专栏

elementUI

2 篇文章

订阅专栏

本文介绍了一个用于验证上传图片尺寸是否符合特定范围（685至695像素）的方法。通过使用JavaScript，该方法读取文件内容并检查图像的宽度和高度。

handleImagesUrlBefore:function(file){
               var _this = this;
               return new Promise(function(resolve, reject) {
                   var reader = new FileReader();
                   reader.onload = function(event) {
                       var image = new Image();
                       image.onload = function () {
                           var width = this.width;
                            var height = this.height;
                            if (width>695 || width < 685){
                               _this.$alert('图片尺寸必须在685~695之间！', '提示', {confirmButtonText: '确定'});
                               reject();
                            }
                            if (height >695||height< 685) {
                               _this.$alert('图片尺寸必须在685~695之间！', '提示', {confirmButtonText: '确定'});
                               reject();
                            }
                            resolve();
                       };
                       image.src = event.target.result;
                   }
                   reader.readAsDataURL(file);
               });

}