如何在jquery验证中获取上传图像的维度?

时间:2016-03-10 11:27:24

标签: jquery jquery-validate

我正在上传图片并验证如果上传的图片大于500x500则会产生错误。 我正在使用以下代码来了解维度。

rules: {
            profile_pic:{accept: "png|jpe?g",imagedim:true}
}

$.validator.addMethod('imagedim', function(value, element, param) { 
  var _URL = window.URL;
        var  img;
        if ((element = this.files[0])) {
            img = new Image();
            img.onload = function () {
                console.log("Width:" + this.width + "   Height: " + this.height);//this will give you image width and height and you can easily validate here....

                return this.width >= param
            };
            img.src = _URL.createObjectURL(element);
        }
});

但是这并没有让我上传图片高度宽度。如果我添加return false;,它每次都会提交表格事件 请帮忙

1 个答案:

答案 0 :(得分:-1)

您的问题可能与此相关:

Determine original size of image cross browser?

请检查。