js 获取file控件 选中图片的宽高

Posted 阿里栁栁

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js 获取file控件 选中图片的宽高相关的知识,希望对你有一定的参考价值。

input file控件选中文件后,转为image对象就ok了

  var file = $(e)[0].files[0];

            let url = window.URL || window.webkitURL;
            console.log(url.createObjectURL(file));  //file 选中的文件 
            let img = new Image();              //手动创建一个Image对象
            img.src = url.createObjectURL(file);//创建Image的对象的url
            img.onload = function () {
                console.log(‘height:‘ + this.height + ‘----width:‘ + this.width)
            }

 

以上是关于js 获取file控件 选中图片的宽高的主要内容,如果未能解决你的问题,请参考以下文章

JS - 从base64代码中获取图片的宽高

js如何获取图片的高和宽?根据我的部分代码添加完善,谢谢!

获取上传图片的宽高尺寸

获取上传图片的宽高尺寸

uwp - 获取控件的宽高

android怎么获取drawble图片高宽