javascript - 如何使用Javascript打印带有图像的HTML页面

嗨，

我的应用程序位于 C#.Net 中编码的asp.net MVC3 中，我有一个特定的 View ，要求在该 View 中打印特定div的完整HTML。

假设

<div id="Printable_Div" >
    <div>
    <img id="First_Image" src="Source of my Image">
    </div>
    <table>My table data
    </table>
</div>

以下是我尝试过的事情

  var w = window.open();
  w.document.write($("#Printable_Div").html());
  w.print();
  w.close();

我也尝试过使用jQuery printElement.js

$("#Printable_Div").printElement();

并且
window.print();
我也尝试过将Image设置为背景

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

打印Html页面没有任何问题，但是问题是，在以上尝试的所有三种方法中均未显示图像。我想用ID = Printable_Div打印Div中可用的整个HTML。
还有什么方法可以在打印中显示图像。图像标签显示在打印预览中，但不显示图像。

更新了

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

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

Javascript函数

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

    </script>

最佳答案

尝试这种方式
<button onclick="window.print();printDiv(document.getElementById('Printable_Div'));">Save as PNG Image</button>

关于javascript - 如何使用Javascript打印带有图像的HTML页面，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/16454677/