使用 jQuery 验证插件的图像尺寸规则 [重复]

Question

是否可以使用 jQuery 验证插件指定图像尺寸规则？例如，假设我希望上传的图片宽度至少为 600 像素。是否可以为此设置规则？如果有，如何实现？

Answer 1

您可以在提交表单之前检查它们：

window.URL = window.URL || window.webkitURL;

    $("form").submit( function( e ) {
        var form = this;
        e.preventDefault(); //Stop the submit for now
                                    //Replace with your selector to find the file input in your form
        var fileInput = $(this).find("input[type=file]")[0],
            file = fileInput.files && fileInput.files[0];

        if( file ) {
            var img = new Image();

            img.src = window.URL.createObjectURL( file );

            img.onload = function() {
                var width = img.naturalWidth,
                    height = img.naturalHeight;

                window.URL.revokeObjectURL( img.src );

                if( width == 400 && height == 300 ) {
                    form.submit();
                }
                else {
                    //fail
                }
            };
        }
        else { //No file was input or browser doesn't support client side reading
            form.submit();
        }

    });