Some test text!

Search
Hamburger Icon

Web / Guides / Samples

Sample to create PDF Portfolio (packages)

Make sure you have Full API enabled in WebViewer.

To create a PDF portfolio containing multiple file types using JavaScript.

<html>
  <script src="../lib/core/webviewer-core.min.js"></script>
  <script src="../lib/core/pdf/PDFNet.js"></script>
  <script>
    (async function() {
      Core.setWorkerPath('../lib/core');

      async function AddPackage(doc, file, desc) {
        const files = await PDFNet.NameTree.create(doc.getSDFDoc(), "EmbeddedFiles");
        const fs = await PDFNet.FileSpec.create(doc, file, true);
        var key = new TextEncoder("utf-8").encode(file);
        files.put(key, fs.getSDFObj());
        fs.getSDFObj().putText("Desc", desc);

        var collection = doc.getRoot().findObj("Collection");
        if (!collection) collection = doc.getRoot().putDict("Collection");

        // You could here manipulate any entry in the Collection dictionary.
          // For example, the following line sets the tile mode for initial view mode
        // Please refer to section '2.3.5 Collections' in PDF Reference for details.
        collection.putName("View", "T");
      }
      var doc = await PDFNet.PDFDoc.create();
      await AddPackage(doc, filename, "PDF");
      await AddPackage(doc, imagename, "Image");
    })()
  </script>
</html>

PDF Portfolios (packages) sample using JavaScript
Full code sample which illustrates how to create, extract, and manipulate PDF Portfolios (also known as PDF Packages).

Trial setup questions? Ask experts on Discord
Need other help? Contact Support
Pricing or product questions? Contact Sales