Utilizo el siguiente código para cargar una imagen y mostrarla en el sitio web:

 <p><input type="file" accept="image/*" name="image" id="file" onchange="loadFile(event)" style="display: none;"></p> <p><label for="file" style="cursor: pointer;">Upload Image</label></p> <p><img id="output"/></p> <script> var loadFile = function(event) { var image = document.getElementById('output'); image.src = URL.createObjectURL(event.target.files[0]); console.log(image.clientHeight) }; </script>

Como puede ver, estoy tratando de encontrar el ancho y el alto de esa imagen. ¿Cómo se puede hacer esto? Estaba intentando usar tanto image.width/image.clientWidth pero ninguno de ellos funcionó, siempre devolvía solo 0 (o indefinido).