Schaltfläche Drucken, um ein angehängtes Bild zu drucken

Question

Ich möchte eine Druckschaltfläche auf meiner Webseite hinzufügen. Wenn Sie auf das Druckersymbol klicken, wird automatisch das angefügte Bild gedruckt.

Wie kann ich dies erreichen?

Answer 1

1. Öffnen Sie ein neues Fenster mit window.open.
2. Schreiben Sie ihm das img Tag. Nachdem das Bild geladen wurde, drucken Sie das Dokument unter Verwendung von window.print().
3. Schließen Sie das Fenster mit dem Code wie folgt aus window.close()

Sie dies tun können:

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