Javascript 如何使用jQuery验证文件输入上载的图像大小?

Javascript 如何使用jQuery验证文件输入上载的图像大小?,javascript,jquery,forms,validation,Javascript,Jquery,Forms,Validation,我有以下类型为“file”的输入字段: <input id="company_logo" name="company_logo" type="file" accept="image/png,image/jpg,image/jpeg"> <img id="logo_preview" src="#" alt="Your Logo" /> 这基本上是可行的,但我想另外验证所选图像是否具有特定的图像大小(例如200 x 200像素)。应拒绝不符合大小要求(较大或较小)的图像,并

我有以下类型为“file”的输入字段:

<input id="company_logo" name="company_logo" type="file" accept="image/png,image/jpg,image/jpeg">
<img id="logo_preview" src="#" alt="Your Logo" />
这基本上是可行的,但我想另外验证所选图像是否具有特定的图像大小(例如200 x 200像素)。应拒绝不符合大小要求(较大或较小)的图像,并显示错误消息


非常感谢您的建议。

可能重复:@adamwalski请注意,问题是关于图像的尺寸(而不是文件大小)。我不是在寻找文件大小。我想验证图像尺寸。哦,对不起,你是对的,那么复制可能的
$("#company_logo").change(function() {
            displayUploadedLogo(this);
        });

function displayUploadedLogo(input) {
        if (input.files && input.files[0]) {

            var file = input.files[0];
            var fileType = file["type"];
            var ValidImageTypes = ["image/jpg", "image/jpeg", "image/png"];

            if ($.inArray(fileType, ValidImageTypes) > 0) {

                // If uploaded image is within array of valid image types
                var reader = new FileReader();

                reader.onload = function(e) {
                    $('#logo_preview')
                        .attr('src', e.target.result)
                        .width(75)
                        .height(75)
                        .css('display', 'block');
                };

                reader.readAsDataURL(input.files[0]);
            } else {
                // Uploaded file is not an image
                $('#logo_preview').css('display', 'none');
            }
        }
    }