怎么在图片上传之前获取图片的尺寸？

Question

1、图片上传时需要将图片宽度或者高度大于3000像素和宽高比例相差过大的禁止上传，所以需要在图片上传之前获取图片的尺寸，该怎么操作，请大神指教

Answer 1

可以用FileReader和Image对象实现。
以jQuery为例：

    $fileInput.on('change', function() {
        var file = $(this)[0].files[0];
        var image = new Image();
        image.onload = function () {
            console.log(image.width, image.height);
        };
        
        var fr = new FileReader();
        fr.onload = function() {
            image.src = fr.result;
        };
        fr.readAsDataURL(file);
    });