Question

只是搞乱学习它。我试图从上传验证图像。使用下面的代码检查图像类型可以正常工作。但我试图检查它的大小。任何人都可以解释为什么这不起作用。

感谢。

  $('#File').change(function (evt) {
            var f = evt.target.files[0];
            var reader = new FileReader();


            var H = f.height;
            var W = f.width;

            if (W > 100) {
                alert("The selected file is too large.");
                return;
            }


            if (!f.type.match('image.*')) {
                alert("The selected file does not appear to be an image.");
                return;
            }

            setBox('#IsFile');
            reader.onload = function (e) { preview.attr('src', e.target.result); };
            reader.readAsDataURL(f);
        });

Answer 1

解决方法是将图像加载到屏幕外的图像元素，然后使用类似于此的方法检测宽度/高度：

var img = document.getElementById('offscreenImageId'); 
//or however you get a handle to the IMG
var width = img.clientWidth;
var height = img.clientHeight;

检查图像大小Jquery

1 个答案: