打印按钮，用于打印附加图像

Print button to print a attached image

本文关键字：打印 图像 用于 按钮      更新时间：2023-09-26

我想在网页中添加一个打印按钮。点击打印图标后，它应该自动开始打印所附的图像

我怎样才能做到这一点？

  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="https://i.stack.imgur.com/hCYTd.jpg" />
<button onclick="printImg('https://i.stack.imgur.com/hCYTd.jpg')">Print</button>

http://jsbin.com/qaruze/edit?html，js

相关文章：