Open and save PDF files in JavaScript PDF library

17 Dec 20254 minutes to read

Opening an existing PDF document

Open an existing PDF document using the PdfDocument class with the specified PDF data.

TypeScript

// Load an existing PDF document from string data
let document: PdfDocument = new PdfDocument(data);

JavaScript

// Load an existing PDF document from string data
var document = new ej.pdf.PdfDocument(data);

The PdfDocument constructor can accept PDF data in either Base64 string or Uint8Array format. Here’s a quick example for both approaches:

Using Base64 String

Open an existing PDF document using the PdfDocument class with the specified PDF data as Base64 string.

TypeScript

let data: string = 'JVBERi0xLjcNJeLjz9MNCjEyNSAw...........TU3MTQNCiUlRU9GDQo=';
// Load an existing PDF document from data as Base64 string
let document: PdfDocument = new PdfDocument(data);

JavaScript

var data = 'JVBERi0xLjcNJeLjz9MNCjEyNSAw...........TU3MTQNCiUlRU9GDQo=';
// Load an existing PDF document from data as Base64 string
var document = new ej.pdf.PdfDocumentPdfDocument(data);

Using Uint8Array

Open an existing PDF document using the PdfDocument class with the specified PDF data as Uint8Array.

TypeScript

let binaryData: Uint8Array = Uint8Array.from(data);
// Load an existing PDF document from data as Uint8Array
let document: PdfDocument = new PdfDocument(binaryData);

JavaScript

var binaryData = Uint8Array.from(data);
// Load an existing PDF document from data as Uint8Array
let document= new ej.pdf.PdfDocument(binaryData);

Opening an encrypted PDF document with password

Open an encrypted PDF document using the PdfDocument class by providing the correct password.

TypeScript

// Load an existing PDF document with password
let document: PdfDocument = new PdfDocument(data, 'password');

JavaScript

// Load an existing PDF document with password
var document = new ej.pdf.PdfDocument(data, 'password');

Save and download a PDF document in browser environment

Save and download the PDF document using the save method of PdfDocument class with the specified file name.

TypeScript

// Load an existing PDF document
let document: PdfDocument = new PdfDocument(data);
// To-Do some manipulation
// Save and download the PDF document to the specified filename.
document.save('output.pdf');

JavaScript

// Load an existing PDF document
var document = new ej.pdf.PdfDocument(data);
// To-Do some manipulation
// Save and download the PDF document to the specified filename.
document.save('output.pdf');

Saving a PDF document to byte array

Save the modified PDF document to the specified byte array using the save method available in PdfDocument class.

TypeScript

// Load an existing PDF document
let document: PdfDocument = new PdfDocument(data);
//To-Do some manipulation
// Save and get PDF data as byte array.
let data: Uint8Array = document.save();

JavaScript

// Load an existing PDF document
var document: PdfDocument = new ej.pdf.PdfDocument(data);
//To-Do some manipulation
// Save and get PDF data as byte array.
var data = document.save();

Closing a document

After the document manipulation and save operation are completed, you should close the instance of PdfDocument, in order to release all the memory consumed by PDF DOM. The following code example illustrates how to destroy a PdfDocument instance.

TypeScript

// Load an existing PDF document
let document: PdfDocument = new PdfDocument(data);
//To-Do some manipulation
// Save the PDF document
document.save('output.pdf');
// Destroy the document
document.destroy();

JavaScript

// Load an existing PDF document
var document = new ej.pdf.PdfDocument(data);
//To-Do some manipulation
// Save the PDF document
document.save('output.pdf');
// Destroy the document
document.destroy();