How to get width and height of image from this function?

Question

How can I take value of w and h out side the below code. I need to get the width and height of each image that is selected to upload.

     var widt;
            var hit;
            reader.readAsDataURL(file);
            reader.onload = function (_file) {
                image.src = _file.target.result;              // url.createObjectURL(file);
                image.onload = function () {
                    var w = this.width,
                        h = this.height,
                        t = file.type,                           // ext only: // file.type.split('/')[1],
                        n = file.name
                    widt = w;
                    hit = h;
                };
            };
console.log(widt);

Here console.log returns undefined.

This either off-topic because it’s caused by a typo (`widt` — `width`) or a dpulicate of [How to return the response from an asynchronous call?](http://stackoverflow.com/q/14220321). — Sebastian Simon, Sep 12 '15 at 06:05
Just a small typo mistake ..please correct the `width` spelling — Suraj Palwe, Sep 12 '15 at 06:06
possible duplicate of [How to return the response from an asynchronous call?](http://stackoverflow.com/questions/14220321/how-to-return-the-response-from-an-asynchronous-call) — Sebastian Simon, Sep 12 '15 at 06:07

score 0 · Answer 1 · answered Sep 12 '15 at 06:01

0

Your variable name is widt and your are using width in the console log. Try:

console.log(widt);

Also, put that console log inside the image.onload function to get the correct response.

answered Sep 12 '15 at 06:01

palaѕн

72,112
17
116
136

If it’s caused by a simple typo, vote to close instead of answering. – Sebastian Simon Sep 12 '15 at 06:06
variable name changed to 'widt' . Also I need both the values outside the function .Any help? – Neethu Sep 12 '15 at 06:30

score 0 · Answer 2 · edited Sep 12 '15 at 06:19

0

You missed the semi-colon at the end of following line of code

  n = file.name

edited Sep 12 '15 at 06:19

Sateesh Pagolu

9,282
2
30
48

answered Sep 12 '15 at 06:12

Al Leroy

1

score 0 · Answer 3 · answered Sep 12 '15 at 06:42

"console.log(widh);" change to "console.log(widt);"
put "console.log(widt);" into "image.onload" function.

code:

image.onload = function () {
  var w = this.width,
      h = this.height,
      t = file.type,                           
      n = file.name;
  widt = w;
  hit = h;
  console.log(widt);
};

How to get width and height of image from this function?

3 Answers3