Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/387.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/89.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何使用Javascript打印带有图像的Html页面_Javascript_Jquery_Asp.net Mvc 3 - Fatal编程技术网

如何使用Javascript打印带有图像的Html页面

如何使用Javascript打印带有图像的Html页面,javascript,jquery,asp.net-mvc-3,Javascript,Jquery,Asp.net Mvc 3,你好, 我的应用程序是在asp.netMVC3中编写的,代码是C#.net,我有一个特定的视图,需要在该视图中打印特定div的完整Html 假设 <div id="Printable_Div" > <div> <img id="First_Image" src="Source of my Image"> </div> <table>My table data </table> <

你好,

我的应用程序是在asp.netMVC3中编写的,代码是C#.net,我有一个特定的视图,需要在该视图中打印特定div的完整Html

假设

<div id="Printable_Div" >
    <div>
    <img id="First_Image" src="Source of my Image">
    </div>
    <table>My table data
    </table>
</div>
此外,我还尝试使用jquery printElement.js

$("#Printable_Div").printElement();
而且 window.print(); 我还尝试将图像设置为图像的背景

<div style="background-image:My Image"></div>

打印Html页面没有任何问题,但问题是,上面尝试的三种方法都没有显示图像。我想用ID=Printable\u Div打印Div中可用的整个HTML 是否有任何方法也可以在打印中显示图像。图像标签显示在打印预览中,但不显示图像

已更新

我还尝试使用下面的代码打印整个页面

<div id="Printable_Div" onclick="Print_Function()">
</div>

Javascript函数

    <script type="text/javascript">
        function Print_Function() {
        window.print();
        }

    </script>

函数打印_函数(){
window.print();
}
试试这个方法


另存为PNG图像

这些答案有帮助吗@Trythis尽管我已经浏览了评论中给出的所有链接,但不幸的是,没有一个链接帮助我解决了图片的问题。我能够很好地用不同的方式打印Html,但无论如何,我都没有尝试过用任何方式来帮助我显示和打印Div中可用的图像
    <script type="text/javascript">
        function Print_Function() {
        window.print();
        }

    </script>