Skip to content

ilovepdf/ilovepdf-js

Repository files navigation

iLovePDF Api - JS Library

JavaScript library for iLovePDF Api

You can sign up for a iLovePDF account at https://developer.ilovepdf.com .

Develop and automate PDF processing tasks like Compress PDF, Merge PDF, Split PDF, convert Office to PDF, PDF to JPG, Images to PDF, add Page Numbers, Rotate PDF, Unlock PDF, stamp a Watermark and Repair PDF. Each one with several settings to get your desired results.

Requirements

Requirements to use this library are:

  1. NPM - Package built with version @6.14.5 .
  2. NodeJS - Package built with version @12.18.2 .

You cand download them here.

Install

You can install the library via NPM. Run the following command:

npm install @ilovepdf/ilovepdf-js

Also, if you are working with old browsers that don't have support for Promise objects, we recomend install the dependency promise-polyfill:

npm install promise-polyfill

Remember that this package needs to be imported somewhere in your project or this polyfill won't be applied.

Getting Started

Using public URLs

import ILovePDFApi from '@ilovepdf/ilovepdf-js';

const instance = new ILovePDFApi('<PUBLIC_KEY>');

// Public and secret key can be found in your developer panel
// at https://developer.ilovepdf.com/user/projects .
const task = instance.newTask('merge');

// Promise-based way to use ILovePDFApi.
task.start()
.then(() => {
    return task.addFile('<PDF_URL1>');
})
.then(() => {
    return task.addFile('<PDF_URL2>');
})
.then(() => {
    return task.process();
})
.then(() => {
    return task.download();
})
.then((data) => {
    console.log('DONE');
});

Using ILovePDFFile class

import ILovePDFApi from '@ilovepdf/ilovepdf-js';
import ILovePDFFile from '@ilovepdf/ilovepdf-js/ILovePDFFile';

const instance = new ILovePDFApi('<PUBLIC_KEY>');

const task = instance.newTask('merge');

task.start()
.then(() => {
    const inputElement = document.getElementById('file-element');
    const file = new ILovePDFFile(inputElement.files![0]);

    return task.addFile(file);
})
.then(() => {
    return task.addFile('<PDF_URL2>');
})
.then(() => {
    return task.process();
})
.then(() => {
    return task.download();
})
.then((data) => {
    console.log('DONE');
});

Use sync calls

Thanks to be a promise-based API it is possible use the await JavaScript operator in order to call Task methods. Here you have an example:

let task = instance.newTask('merge');
task = await task.start();
task = await task.addFile('<PDF_URL1>');
task = await task.addFile('<PDF_URL2>');
task = await task.process();

const data = await task.download();

Get PDF information

On upload a file from an <input type="input"> or URL, you will have access to some PDF information:

import ILovePDFApi from '@ilovepdf/ilovepdf-js';
import ILovePDFFile from '@ilovepdf/ilovepdf-js/ILovePDFFile';

const instance = new ILovePDFApi('<PUBLIC_KEY>');

const task = instance.newTask('merge');

task.start()
.then(() => {
    // File from browser input element.
    const inputElement = document.getElementById('file-element');
    const file = new ILovePDFFile(inputElement.files![0]);

    return task.addFile(file);
})
.then(file1 => {
    // Access to PDF information.
    // file1.pageNumber
    // file1.pageSizes

    // File from URL.
    return task.addFile('<PDF_URL2>');
})
.then(file2 => {
    // Access to PDF information.
    // file2.pageNumber
    // file2.pageSizes
});

Get remaining files

Due to this library is limited by number of uses, you can access to the account remaining files:

const task = instance.newTask('merge');
await task.start();
// After start a task, you can access to the remaining files quantity.
// Before, it's `undefined`.
console.log( task.remainingFiles )

Documentation

Please see https://developer.ilovepdf.com/docs for up-to-date documentation.