打印按钮打印附加图像

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