如何使用Javascript打印带有图像的Html页面
你好, 我的应用程序是在asp.netMVC3中编写的,代码是C#.net,我有一个特定的视图,需要在该视图中打印特定div的完整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> <
<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>