打印按鈕打印附加圖像

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