Javascript – Get Image height

by

I was searching a solution to get height and width of an image using JavaScript. I found many, but all those solutions only worked when the image was present in browser cache.

Finally I found a solution to get the image height and width even if the image does not exist in the browser cache:

<script type="text/javascript">

  var imgHeight;
  var imgWidth;

  function findHHandWW() {
    imgHeight = this.height;
    imgWidth = this.width;
    return true;
  }

  function showImage(imgPath) {
    var myImage = new Image();
    myImage.name = imgPath;
    myImage.onload = findHHandWW;
    myImage.src = imgPath;
  }
</script>

Thanks,

Binod Suman

http://binodsuman.blogspot.com/2009/06/how-to-get-height-and-widht-of-image.html

More Related Contents:

  1. jQuery Ajax POST example with PHP
  2. jQuery AJAX submit form
  3. How to append whole set of model to formdata and obtain it in MVC
  4. In what situations would AJAX long/short polling be preferred over HTML5 WebSockets?
  5. Response to preflight request doesn’t pass access control check
  6. jQuery load more data on scroll
  7. Can JavaScript connect with MySQL?
  8. How to generate a simple popup using jQuery
  9. Parallel asynchronous Ajax requests using jQuery
  10. Why would multiple simultaneous AJAX calls to the same ASP.NET MVC action cause the browser to block?
  11. Reactjs async rendering of components
  12. Using AJAX to read local files
  13. starting file download with JavaScript
  14. How do I load a JSON object from a file with ajax?
  15. Empty responseText from XMLHttpRequest
  16. Cross-site AJAX requests
  17. Catching 302 FOUND in JavaScript
  18. JQuery Ajax – How to Detect Network Connection error when making Ajax call
  19. Ajax jquery success scope
  20. passing index from for loop to ajax callback function (JavaScript)
  21. cross-origin ‘Authorization’-header with jquery.ajax()
  22. Rails flash notice via ajax
  23. How do I abort image load requests without using window.stop()
  24. Cross-origin resource sharing (CORS) concept
  25. How to load all server side data on initial vue.js / vue-router load?
  26. JQuery $.ajax() post – data in a java servlet
  27. Get JSON in a Chrome extension
  28. javascript ajax request without framework
  29. How to make a button execute a php script?
  30. How to return an array from an AJAX call?

Leave a Comment