Issue while printing pdf files from Blob angular

Question

I have an Api that returns the data in the format of

{ fileName: string, blob: Blob }[]

I want to print all these files, so I am using

_files.forEach((_fileInfo) => {
      const blobUrl = URL.createObjectURL(_fileInfo.blob);
      const oWindow = window.open(blobUrl, "print");
      oWindow.print();
      oWindow.close();
});

this opens the multiple print windows, but in preview it shows blank documents.

but when i download all these files as a zip it downloads the correct PDF files.

// add files to zip
files.forEach((_fileInfo) => {
    zip.file(_fileInfo.fileName, _fileInfo.blob);
});

// download and save
return zip.generateAsync({ type: "blob" }).then((content) => {
    if (content) {
        return saveAs(content, name);
    }
});

What could be the issue,
is there any way to print all documents in a sequence without opening multiple windows?

Could you specify what is _files collection, e.g. how do you get the value of _fileInfo ? — Alena Kastsiukavets
– Alena Kastsiukavets, Commented Aug 2, 2020 at 19:42
@AlenaKastsiukavets, printJs did the work, I mean now it shows the proper PDF preview, now only problem is to merge the pdf, is there any way to print multiple PDF files in single click. — Code Guru
– Code Guru, Commented Aug 3, 2020 at 6:29

Code Guru · Accepted Answer · 2020-08-05 07:30:28Z

2

Pdf file takes time to load thats why it was showing blank document, So i used print-js to solve this issue.

how to import

import * as printJS from "print-js";

how to use

const blobUrl = URL.createObjectURL(_fileInfo.blob);
printJS(blobUrl);

answered Aug 5, 2020 at 7:30

Code Guru

15.8k31 gold badges147 silver badges214 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

sharmaaa · Accepted Answer · 2021-04-26 08:12:23Z

0

In case, you don't want to use printJS

I was facing the same issue but in my case I only have to deal with one file at a time. I solved it by putting the print function in a timeout block, so in your case this would be

        setTimeout(function(){
            oWindow.print();
        }, 1000)

if this works then great, if not then you might also need to set the source of window equal to the 'blobUrl' that you created. This should be done after you come out of the loop.

answered Apr 26, 2021 at 8:12

sharmaaa

134 bronze badges

Collectives™ on Stack Overflow

Issue while printing pdf files from Blob angular

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related