Javascript Form validation for field image uplaod?

Question

I make a form validation with javascript for field image upload but i stuck on point of how to validate image size(width and height) through javascipt for only 600 width and 300 height image is post by form .

So guys if you have any solution are demo code share with mi .

Thanks in advance !

Duplicate question: http://stackoverflow.com/questions/8903854/check-image-width-and-height-on-upload-with-javascript — AmazingDreams, Feb 23 '13 at 11:28

score 0 · Answer 1 · answered Feb 23 '13 at 18:50

You can use following function in javascript side to check whether image has desired resolution or not.

If it has correct resolution than proceed with form submission otherwise show error message.

var _URL = window.URL || window.webkitURL;

$("#file").change(function(e) {
    var file, img;

    if ((file = this.files[0])) {
        img = new Image(); // create a Image object which contain height & width property of image
        img.onload = function() {
            alert(this.width + " " + this.height);
        };
        img.onerror = function() {
            alert( "not a valid file: " + file.type);
        };
        img.src = _URL.createObjectURL(file);
    }
});

Javascript Form validation for field image uplaod?

1 Answers1