使用 javascript 打印图像

织梦狗教程前端问题

2022-01-01

Using javascript to print images(使用 javascript 打印图像)

本文介绍了使用 javascript 打印图像的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我想知道是否可以使用 javascript 打开包含图像的弹出窗口，同时显示打印对话框.一旦有人点击打印，弹出窗口就会关闭.

I would like to know if it's possible to use javascript to open a popup window containing an image, and at the same time have the print dialog show. Once someone clicks on print, the popup closes.

这很容易实现吗?

推荐答案

另一个很棒的解决方案！！所有功劳归于 Codescratcher

Another great solution!! All credit goes to Codescratcher

<script>

    function ImagetoPrint(source)
    {
        return "<html><head><scri"+"pt>function step1(){
" +
                "setTimeout('step2()', 10);}
" +
                "function step2(){window.print();window.close()}
" +
                "</scri" + "pt></head><body onload='step1()'>
" +
                "<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>

查看完整示例这里.

这篇关于使用 javascript 打印图像的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！