打印按钮以打印附加图像

Question

我想在我的网页上添加一个打印按钮。单击打印图标后，它应自动开始打印附加图像

我怎样才能实现这个目标？

Answer 1

1. 使用window.open打开新窗口。
2. 将img标记写入其中。
3. 加载图片后，使用window.print()打印文档。
4. 使用window.close()
关闭窗口

您可以使用以下代码执行此操作：

function printImg(url) {
  var win = window.open('');
  win.document.write('<img src="' + url + '" onload="window.print();window.close()" />');
  win.focus();
}

<img src="http://i.stack.imgur.com/hCYTd.jpg" />
<button onclick="printImg('http://i.stack.imgur.com/hCYTd.jpg')">Print</button>

http://jsbin.com/qaruze/edit?html,js