How do we get image width height in angular 5, before uploading a file?

[Raghu Ram]

Hi All,

Please reply me, how do we get image width & height in angular 5, before uploading a file.

Regards

Raghu

[Sander Elias]

Hi Raghu,

There is nothing specific to angular about this. do something like this in your (change) handler:

checkDimenstions(ev: Event) {

if (ev && ev.target && ev.target.files) {

const file = ev.target.files[0];

const img = new Image();

img.onload = function() {

alert('Width:' + this.width + ' Height: ' + this.height);

};

img.src = URL.createObjectURL(file);

}

}

(completely untested!)

Regards

Sander