Check image width and height before upload with Javascript

Question

I have a JPS with a form in which a user can put an image:

    
Photo (max 240x240 and 100 kb):
    

        
      

Answer 1

I agree. Once it is uploaded to somewhere the user's browser can access then it is pretty easy to get the size. As you need to wait for the image to load you'll want to hook into the onload event for img.

var width, height;

var img = document.createElement("img");
img.onload = function() {
    // `naturalWidth`/`naturalHeight` aren't supported on