JS - get image width and height from the base64 code

Question

I have a base64 img encoded that you can find here. How can I get the height and the width of it?

Answer 1

Create a hidden with that image and then use jquery .width() and . height()

$("body").append("");
var width = $('#hiddenImage').width();
var height = $('#hiddenImage').height();
$('#hiddenImage').remove();
alert("width:"+width+" height:"+height);

Test here: FIDDLE

Image is not initially created hidden. it gets created, then you get width and height and then remove it. This may cause a very short visibility in large images in this case you have to wrap the image in another container and make that container hidden not the image itself.

---

Another Fiddle that does not add to dom as per gp.'s anser : HERE