Uncaught (in promise) TypeError: pdfDoc.getForm is not a function #1074

colinp-1 · 2021-11-04T16:02:12Z

colinp-1
Nov 4, 2021

My browser console shows the above error when I click the "Load PDF" button in the following HTML page. I am running this in VS Code with Live Server option, hence the http://127.0.0.1:5500 base ref. The PDF document exists, and it is located in the same folder as the HTML page. It contains one fillable field, which I understand means it must contain a form.

If I comment out the line: const form = pdfDoc.getForm(); (in loadPDF()) then there is no error and the console logs "1" (1 page) which is correct. If I leave the line uncommented then the console logs the error, and not "1".

This is my complete HTML page. I am a newbie, trying to learn, I know this is very basic. Please help, what I am missing?

<html>
    <head>
        <script type="text/javascript" src="https://unpkg.com/[email protected]"></script>
        <script type="text/javascript" src="https://unpkg.com/[email protected]"></script>
    </head>
    <body>
        <h1>PDF-LIB Testing</h1>
        <button type="button" onclick="createPdf()">Create PDF</button>
        <button type="button" onclick="loadPdf()">Load PDF</button>
        <script>
            const { PDFDocument, StandardFonts, rgb } = PDFLib;

            async function createPdf() {
                const pdfDoc = await PDFDocument.create();
                const timesRomanFont = await pdfDoc.embedFont(StandardFonts.TimesRoman);
                const page = pdfDoc.addPage();
                const { width, height } = page.getSize();
                const fontSize = 30;
                page.drawText('Creating PDFs in JavaScript is awesome!', {
                    x: 50,
                    y: height - 4 * fontSize,
                    size: fontSize,
                    font: timesRomanFont,
                    color: rgb(0, 0.53, 0.71),
                });
                const pdfBytes = await pdfDoc.save();
                download(pdfBytes, "pdf-lib_creation_example.pdf", "application/pdf");
            }
                        
            async function loadPdf() {
                const url = 'http://127.0.0.1:5500/pdflibformexample.pdf';
                const arrayBuffer = await fetch(url).then(res => res.arrayBuffer());
                const pdfDoc = await PDFDocument.load(arrayBuffer);
                const pages = pdfDoc.getPages();
                const form = pdfDoc.getForm();
                console.log(pages.length);
                //const fields = pdfDoc.getFields();
                /*
                fields.forEach(field => {
                    const type = field.constructor.name;
                    const name = field.getName();
                    alert(`${type}: ${name}`);
                });
                */
            }

        </script>
    </body>
</html>

The attached zip file contains my HTML and PDF files.

pdf-lib-testing.zip

colinp-1 · 2021-11-05T14:57:57Z

colinp-1
Nov 5, 2021
Author

The problem line was this line: <script type="text/javascript" src="https://unpkg.com/[email protected]"></script>

getForm() did was not available in that library. It became available in 1.11.0.

0 replies

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Uh oh!

Uncaught (in promise) TypeError: pdfDoc.getForm is not a function #1074

Uh oh!

{{title}}

Uh oh!

Replies: 1 comment

Uh oh!

{{title}}

Uh oh!

Select a reply

Uh oh!

Uh oh!

Uncaught (in promise) TypeError: pdfDoc.getForm is not a function #1074

Uh oh!

colinp-1 Nov 4, 2021

Replies: 1 comment

Uh oh!

colinp-1 Nov 5, 2021 Author

colinp-1
Nov 4, 2021

colinp-1
Nov 5, 2021
Author