Using javascript to print images

by

Another great solution!! All credit goes to Codescratcher

<script>

    function ImagetoPrint(source)
    {
        return "<html><head><scri"+"pt>function step1(){\n" +
                "setTimeout('step2()', 10);}\n" +
                "function step2(){window.print();window.close()}\n" +
                "</scri" + "pt></head><body onload='step1()'>\n" +
                "<img src="" + source + "" /></body></html>";
    }

    function PrintImage(source)
    {
        var Pagelink = "about:blank";
        var pwa = window.open(Pagelink, "_new");
        pwa.document.open();
        pwa.document.write(ImagetoPrint(source));
        pwa.document.close();
    }

</script>

<a href="#" onclick="PrintImage('YOUR_IMAGE_PATH_HERE.JPG'); return false;">PRINT</a>

See the full example here.

More Related Contents:

  1. Have a pop up window when clicking on an image
  2. Check if an image is loaded (no errors) with jQuery
  3. Changing the image source using jQuery
  4. Disabling browser print options (headers, footers, margins) from page?
  5. Determine original size of image cross browser?
  6. How to generate a simple popup using jQuery
  7. Detect when an image fails to load in JavaScript
  8. How to load all the images from one of my folder into my web page, using Jquery/Javascript
  9. how to show alternate image if source image is not found? (onerror working in IE but not in mozilla) [duplicate]
  10. Javascript set img src
  11. Get width height of remote image from url
  12. Detecting WebP support
  13. How can Print Preview be called from Javascript?
  14. Load image with jQuery and append it to the DOM
  15. Get image dimensions with Javascript before image has fully loaded
  16. Failed to load resource: net::ERR_CONTENT_LENGTH_MISMATCH
  17. Get the Size of a CSS Background Image Using JavaScript?
  18. img onload doesn’t work well in IE7
  19. Is there a way to determine if a dropdown menu is open?
  20. How to download a base64-encoded image?
  21. Change image source with JavaScript
  22. Print a div using javascript in angularJS single page application
  23. JavaScript: Get image dimensions
  24. change url of already opened popup
  25. How to bind img src to data in Vue
  26. How to get HTTP status code of tags
  27. canvas- Cropping images in different shapes
  28. Javascript Event Handler for Print
  29. Remove selected file(s) before upload with Javascript
  30. Compare two Images in JavaScript

Leave a Comment