chrome browser does not show png image on print preview page nor on saved pdf file

Question

Am trying to add some png image to my print page with jquery, but am not able to do that, any help would be appreciated. Chrome version:Version 70.0.3538.102. My code: Here am appending all my image to "myImages" div and then printing.

setTimeout(function () {
    w=window.open();
    w.document.write($('#myImages').html());
    w.print();
    w.close();
}, 100);

You have "myImage" in the description and '#myImages' as id. Is that correct? — dcalap, Nov 16 '18 at 11:19
[Open window in JavaScript with HTML inserted](https://stackoverflow.com/questions/2109205/open-window-in-javascript-with-html-inserted) — Cue, Nov 16 '18 at 11:47
Maybe this will work for you: https://jsfiddle.net/rd8f6pLf/ — dcalap, Nov 16 '18 at 12:12
@dcalap:still getting blank image, though this time am getting atlest image tag div borders https://i.stack.imgur.com/tFsEx.png — A_S, Nov 16 '18 at 13:41

score 1 · Accepted Answer · answered Nov 20 '18 at 06:19

it work for me when i change this:

setTimeout(function () {
   w=window.open();
   w.document.write($('#myImages').html());
   w.print();
   w.close();
}, 100);

to this:

w=window.open();
w.document.write($('#myImages').html());
setTimeout(function () {
   w.print();
   w.close();
}, 100);

chrome browser does not show png image on print preview page nor on saved pdf file

1 Answers1