如何使用javascript打印图像（外部URL）[重复]答案

【问题标题】：How can print image (external URL) using javascript [duplicate]如何使用javascript打印图像（外部URL）[重复]
【发布时间】：2018-07-17 08:22:32
【问题描述】：

我正在使用以下代码，但它不起作用。它

        url = "http:www.google.com/img/1.jpg"
        popup = window.open();
        popup.document.write(url);                        
        popup.print();

还有其他方法吗？

【问题讨论】：

注意你写的是url，不是标签<img>
请将您的图像加载到带有一些父 div 的 img 标签内，然后打印该 div

标签： javascript jquery printing

【解决方案1】：

将您的图像加载到带有一些父 div 的 img 标签内，然后打印该 div。示例如下：

更多关于打印 div 的信息可以在这里找到Print a div content using Jquery

var url = "https://mediaserver.goepson.com/ImConvServlet/imconv/9b7d08e02138222989a0f61975f424e1bf046300/original?use=productpictures&assetDescr=google-cloud-print_690x460"
$('#prinatabbleDiv').append("<img src='" + url + "' onload='iamready()'>");

function iamready() {
  console.log('ready to print');
  //$("#prinatabbleDiv").print();
  printDiv("prinatabbleDiv")
}

function printDiv(id) {

  var divToPrint = document.getElementById(id);
  var newWin = window.open('', 'Print-Window');
  newWin.document.open();
  newWin.document.write('<html><body onload="window.print()">' + divToPrint.innerHTML + '</body></html>');
  newWin.document.close();
  setTimeout(function() {
    newWin.close();
  }, 10);

}

#prinatabbleDive {
  width: 100vw;
  height: 100vh;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id='prinatabbleDiv'></div>

【讨论】：

在打印对话框中显示“[object HTMLDivElement]”而不是图像
已根据您的要求更新了代码，如果满足需要，请点赞并接受！
检查您的代码
好的，如果有任何问题请告诉我！满意请点赞采纳。