How do I get natural dimensions of an image using javascript or jquery?
I have this code so far: var img = document.getElementById('draggable'); var width = img.clientWidth; var height = img.clientHeight; However this gets me the html attributes - css styles. I want to get dimensions of the actual image resource, of the file. I need this because upon uploading an image, it's width gets set to 0px and I have no idea why or where this is happening. To prevent it I want to get the actual dimension and reset them. Is this possible? Edit: Even when I try to get naturalWidth I get 0 as a result. I've added a picture. The weird thing is that it only happens when I upload