Comments on: How to Use PDFjs to Parse PDF Documents in Angular

By: Artyom

Artyom — Mon, 31 Oct 2022 18:59:08 +0000

In reply to Sajan. Hey, Sajan. I was able to fix this. so as I investigated textContent.items is of type TextItem | TextMarkedContent so if we use (s as TextItem).str instead of just s.str we'd get all compiled and running.

By: Artyom

Artyom — Mon, 31 Oct 2022 18:53:21 +0000

In reply to Ciprian.

As I wrote in my comment you have to add .promise in PdfReaderService class. So that you’d have something like this

const pdf = await pdfjsLib.getDocument(pdfUrl).promise;

with that everything works like a charm

By: Artyom

Artyom — Mon, 31 Oct 2022 18:51:47 +0000

Don’t know when it was written, but found an error pdfjsLib.getDocument has to be referred as a pdfDocumentLoadingTask and then from there we should get a promise. so should be something like
const pdfLoadingTask = pdfjsLib.getDocument(pdfUrl);
pdfLoadingTask.promise.then((pdf) => {
for(let i = 1; i <= pdf._pdfInfo.numPages; i++) {
….

or const pdf = await pdfjsLib.getDocument(pdfUrl).promise;
which was missed in your code.

Anyways great article and great example. Thanks for showing this.

By: c

Mon, 27 Jun 2022 11:35:38 +0000

In reply to Ciprian. use pdf._worker.getPage() to fix the issue

By: Sajan

Sajan — Thu, 17 Feb 2022 08:46:02 +0000

Thank you for the detailed tutorial.

I am facing issue in :
countPromises.push(textContent.items.map((s) => s.str).join(”));
‘s.str’ throws error – “Property ‘str’ does not exist on type ‘TextItem | TextMarkedContent’.
Property ‘str’ does not exist on type ‘TextMarkedContent’.”

Any help would be appreciated.

By: Ciprian

Ciprian — Thu, 24 Jun 2021 09:17:40 +0000

Hi,
I tried to use the code in the article, and ng serve throws an error related to _pdfInfo and getPage, saying that they do not exist on type PDFDocumentLoadingTask.

Could you give any suggestions on how to fix that?

Thanks

By: Umut Esen

Umut Esen — Thu, 28 May 2020 19:31:46 +0000

In reply to Igor. You would need to save it somewhere accessible via a URL, for example to a backend server. Then pass the URL to pdfjs to read, good luck!

By: Igor

Igor — Fri, 03 Apr 2020 16:12:41 +0000

Hi! How can I get the file in the form?