JSFiddle - React, Tailwind, and code Playground

HTML

<html>
<body>
<input type='file' name="logo">
</body>
</html>

JavaScript

/**
* get an image's dimensions using pure js
*/
var img = new Image();
img.onload = function() {
    document.write('<strong>image:</strong> ' + this.src + '<br><strong>width:</strong> '+ this.width + '<br><strong>Height:</strong> ' + this.height);
}
img.src = 'http://www.google.com/intl/en_ALL/images/logo.gif';