Кнопка печати для печати прикрепленного изображения

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