can't print image

[gregnb]

can't print image

[kumaresan17]

@TheRogue76 Try background image as base64. Because the app doesn't know whether the image path will be absolute or relative path. for the first time loading it get confused. after it working fine. I tried it's working fine.

[vademyanchik]

The same problem

[gregnb]

What path is provided for the image? is it absolute? Or relative?

My guess is that it is a relative path and I need to fix the package to handle relative paths for images. That was a recent bug in the stylesheets that I should address here regardless

[zhayes]

absolute path @gregnb

[mezzab]

same problem

[rafael-cineis]

Any update? I'm having the same issue when trying to print an image using Edge. Using Chrome, Firefox and IE it works fine. Pressing CTRL+P works fine in Edge.

[gregnb]

I just published 1.0.18 and I've added a debug mode. To turn it on add the debug={true} prop like so:

       <ReactToPrint
          trigger={() => <a href="#">Print this out!</a>}
          content={() => this.componentRef}
          debug={true}
        />

What this will do is when you click to print it'll open the print window but it will NOT print and it will NOT close. What I would like is if anyone experiencing issues could open up console and then look for any issues? Also, if they could paste the contents HTML elements like so below:

[ssxv]

I have an <img src="url" />
url is an Amazon S3 url.
When triggered, and the Print dialog opens,
I see the network tab, it doesn't request for this image, first time.
then I close the dialog.
And open again
this time it fetches the url.

[ssxv]

my observations are, on trigger, it does not fetch the image first time.
on second trigger it fetches the image as 'octet-stream' and renders it in print dialog.
on further triggers, the image is not fetched, but is seen in the print dialog.

Hope this helps @gregnb

[gregnb]

I would encourage anyone having issues to try the new beta version which is going to rely on an iframe to solve the cross origin issues some people are experiencing.

npm install [email protected]

and let me know the feedback if this solves issues

[zhayes]

i have used https://www.npmjs.com/package/rc-print

[brettkoz]

Any update here? I'm having the same issue.

[saraems]

Hello, It's still not working. I have that issue. contains the img with src or the div with a background but it's not on the print. What is more it does not trigger print-system dialog while contains an image.

[MatthewHerbst]

hello @saraems can you please possibly make a codesandbox showing the problem?

[TheRogue76]

What path is provided for the image? is it absolute? Or relative?

My guess is that it is a relative path and I need to fix the package to handle relative paths for images. That was a recent bug in the stylesheets that I should address here regardless

Hi there. I'm using Electron and React for my project and while i can show the image in the app using import or require, the second i try to print it it vanishes. It's using a relative path for the image src. Calling the absolute path (ex: http://localhost:3000/static/media/logo1.0550988b.png) will work in development and show the image in both the app and the printed file, But this can not be done in production (the webpage files are not available). Any ideas?