• lucky
  • First Class
  • Offline
  • Registered: 2007-09-28
  • Posts: 227

Topic: how to get the height and width of the uploaded image using javascript

HI
  I want to put client validations to image before submit form.
so i want to get the height and width of the images into javascript
Am using

var img = document.getElementById('imageid');
//or however you get a handle to the IMG
var width = img.clientWidth;
var height = img.clientHeight;

but its showing wrong dimentions.


can anybody help

  • Registered: 2009-03-07
  • Posts: 238

Re: how to get the height and width of the uploaded image using javascript

Is the image being rendered to the page before you try and calculate its size?

  • Registered: 2010-07-16
  • Posts: 1

Re: how to get the height and width of the uploaded image using javascript

var imgObj = document.getElementById('uploadedImage');
var newImg = new Image();
newImg.src = imgObj.attr('src');
var height = newImg.height;
var width = newImg.width;
imgObj.style.width = width;
imgObj.style.height = height;

You can use this code on your java script to get height and width of image.I hope this will work.Good luck.


Dating advice for women