2016-07-31 20 views
0

私のウェブページに印刷ボタンを追加したいと思います。印刷アイコンをクリックすると、自動的に添付画像の印刷が開始されます。添付ボタンを印刷して添付画像を印刷する

どうすればいいですか?

+0

'window.print()' – bhansa

+0

を単に写真を押してください。それで十分ですか? –

+0

いいえ、画像を追加しません。画像を印刷するには print

答えて

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

関連する問題