How can print image (external URL) using javascript

Question

I am using following code but it is not working. It

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

Any other approach?

Please load your image inside img tag with some parent div and then print the div — Ullas Hunka, Jul 17 '18 at 08:24

Ullas Hunka · Answer 1 · 2018-07-17T09:08:59.473

0

Load your image inside img tag with some parent div and then print the div. The example is as follows:

More on print a div can be found here 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>

edited Jul 17 '18 at 09:08

answered Jul 17 '18 at 08:27

Ullas Hunka

2,119
1
15
28

In print dialog it is showing "[object HTMLDivElement]" instead of image – Alex Jul 17 '18 at 08:38
have updated the code as per your requirement please upvote and accept if satisfies the need! – Ullas Hunka Jul 17 '18 at 08:55
Checking your code – Alex Jul 17 '18 at 09:07
OK, Please do let me know if any problem occurs! Please upvote and accept if satisfies. – Ullas Hunka Jul 17 '18 at 09:14

How can print image (external URL) using javascript

1 Answers1