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).

Get the answers you need: Chat with us