Removing images from PDF page using JavaScript

Make sure you have Full API enabled in WebViewer.

To remove all images from a document page.

JavaScript (SDK v8.0+)

WebViewer({ fullAPI: true })
    .then(instance => {
        const { PDFNet } = instance.Core;
        await PDFNet.initialize();
        const doc = await PDFNet.PDFDoc.createFromURL(filename);
        const page = await doc.getPage(1);

        const writer = await PDFNet.ElementWriter.create();
        const reader = await PDFNet.ElementReader.create();
        reader.beginOnPage(page);
        writer.beginOnPage(page, PDFNet.ElementWriter.WriteMode.e_replacement, false);

        for (let element = await reader.next(); element !== null; element = await reader.next()) 
        {
            const elementType = await element.getType();
            switch (elementType) 
            {
                case PDFNet.Element.Type.e_image:
                case PDFNet.Element.Type.e_inline_image:
                    // remove all images by skipping them
                    break;
                default:
                    writer.writeElement(element);
                    break;
            }
        }

        writer.end();
        reader.end();
    })

WebViewerInstance Core PDFNet.PDFDoc.createFromUrl PDFNet.PDFDoc.getPage PDFNet.ElementWriter.create PDFNet.ElementWriter.beginOnPage PDFNet.ElementWriter.writeElement PDFNet.ElementWriter.end PDFNet.ElementReader.create PDFNet.ElementReader.beginOnPage PDFNet.ElementReader.end PDFNet.Element.getType

JavaScript (SDK v6.0+)

WebViewer({ fullAPI: true })
    .then(instance => {
        const { PDFNet } = instance;
        await PDFNet.initialize();
        const doc = await PDFNet.PDFDoc.createFromURL(filename);
        const page = await doc.getPage(1);

        const writer = await PDFNet.ElementWriter.create();
        const reader = await PDFNet.ElementReader.create();
        reader.beginOnPage(page);
        writer.beginOnPage(page, PDFNet.ElementWriter.WriteMode.e_replacement, false);

        for (let element = await reader.next(); element !== null; element = await reader.next()) 
        {
            const elementType = await element.getType();
            switch (elementType) 
            {
                case PDFNet.Element.Type.e_image:
                case PDFNet.Element.Type.e_inline_image:
                    // remove all images by skipping them
                    break;
                default:
                    writer.writeElement(element);
                    break;
            }
        }

        writer.end();
        reader.end();
    })

WebViewerInstance PDFNet.PDFDoc.createFromUrl PDFNet.PDFDoc.getPage PDFNet.ElementWriter.create PDFNet.ElementWriter.beginOnPage PDFNet.ElementWriter.writeElement PDFNet.ElementWriter.end PDFNet.ElementReader.create PDFNet.ElementReader.beginOnPage PDFNet.ElementReader.end PDFNet.Element.getType

PDF Editor (Programmatic) Full code sample which strips all images from the page and changes text color to blue.