Breaking News: Grepper is joining You.com. Read the official announcement!

check image resolution in javascript

Add Answer

Harsha Chinnaswamy answered on July 31, 2019 Popularity 9/10 Helpfulness 5/10

answer check image resolution in javascript

related js get image resolution

related javascript get image dimensions

check image resolution in javascript

Comment

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();
    }

});

Popularity 9/10 Helpfulness 5/10 Language javascript

Source: stackoverflow.com

Tags: image-resolution javascript

Link to this answer
Share Copy Link

Contributed on Oct 04 2022

Harsha Chinnaswamy

0 Answers Avg Quality 2/10

Closely Related Answers

js get image resolution

Comment

// Use naturalWidth and naturalHeight to get the original image dimensions
document.getElementByID("myImage").naturalWidth;
document.getElementByID("myImage").naturalHeight;

Popularity 9/10 Helpfulness 5/10 Language javascript

Source: Grepper

Tags: get image-resolution image-resol

Link to this answer
Share Copy Link

Contributed on Feb 22 2023

Alexa Schor

0 Answers Avg Quality 2/10

javascript get image dimensions

Comment

var img = document.getElementById("myImageID"); 
var imgWidth = img.clientWidth;
var imgHeight = img.clientHeight;

Popularity 10/10 Helpfulness 4/10 Language javascript

Source: Grepper

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Jul 31 2019

Grepper

0 Answers Avg Quality 2/10

check image resolution in javascript

Contents

More Related Answers

check image resolution in javascript

Closely Related Answers

js get image resolution

javascript get image dimensions

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.