js get width of image code example
Example 1: javascript get image width and height
var img = new Image();
img.onload = function() {
alert(this.width + 'x' + this.height);
}
img.src = 'http://www.google.com/intl/en_ALL/images/logo.gif';
Example 2: get image file width javascript
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Get image width using File API</title>
</head>
<body>
<input type='file' onchange="readURL(this);" />
<script>
function readURL(input) {
if (input.files && input.files[0]) {
var reader = new FileReader();
reader.onload = function (e) {
var img = new Image;
img.onload = function() {
console.log("The width of the image is " + img.width + "px.");
};
img.src = reader.result;
};
reader.readAsDataURL(input.files[0]);
}
}
</script>
</body>
</html>
Example 3: javascript get width of image
image.width
Example 4: javascript get image dimensions
var img = document.getElementById("myImageID");
var imgWidth = img.clientWidth;
var imgHeight = img.clientHeight;