input上传图片，获取图片上传尺寸

我的原理就是和上传预览差不多，简单说下:

1. onchange触发，获取当前file对象(这里可以获取图片的大小、类型、修改时间等)

2. reader去读取文件

3. 塞到页面，获取图片的宽高

4. 移出图片节点

代码，见以下：

<input type="file" onchange="getImgInfo(this,getImgInfoCb)"/>

function getImgInfo(ev,fnCallBack){        var oFile=ev.files[0];        var reader=new FileReader();

        reader.onload=function(){            // 也可以用 window.URL.createObjectURL(this.result)
            var oImg=new Image();
            oImg.src=this.result;            document.body.appendChild(oImg);
            
            oImg.onload=function(){                var imgWidth=oImg.offsetWidth;                var imgHeight=oImg.offsetWidth;
                fnCallBack && fnCallBack({                    width:imgWidth,                    height:imgHeight
                })                document.body.removeChild(oImg);
            };
        };
        reader.readAsDataURL(oFile);
    }    function getImgInfoCb(json){        console.log(`width:${json.width} , height:${json.height}`);
    }
 赞
 已采纳