Add Page Number to PDF with JavaScript via C++
Contents
[
Hide
]
All the documents must have page numbers in it. The page number makes it easier for the reader to locate different parts of the document.
Aspose.PDF for JavaScript via C++ allows you to add page numbers with AsposePdfAddPageNum.
- Create a ‘FileReader’.
- The AsposePdfAddPageNum function is executed.
- The name of the resulting file is set, in this example “ResultAddPageNum.pdf”.
- Next, if the ‘json.errorCode’ is 0, then your DownloadFile is given the name you specified earlier. If the ‘json.errorCode’ parameter is not equal to 0 and, accordingly, there will be an error in your file, then information about such an error will be contained in the ‘json.errorText’ file.
- As a result, the DownloadFile function generates a link and allows you to download the resulting file to the user’s operating system.
var ffileAddPageNum = function (e) {
const file_reader = new FileReader();
file_reader.onload = (event) => {
/*add page num a PDF-file and save the "ResultAddPageNum.pdf"*/
const json = AsposePdfAddPageNum(event.target.result, e.target.files[0].name, "ResultAddPageNum.pdf");
if (json.errorCode == 0) document.getElementById('output').textContent = json.fileNameResult;
else document.getElementById('output').textContent = json.errorText;
/*make a link to download the result file*/
DownloadFile(json.fileNameResult, "application/pdf");
};
file_reader.readAsArrayBuffer(e.target.files[0]);
};
Using Web Workers
/*Create Web Worker*/
const AsposePDFWebWorker = new Worker("AsposePDFforJS.js");
AsposePDFWebWorker.onerror = evt => console.log(`Error from Web Worker: ${evt.message}`);
AsposePDFWebWorker.onmessage = evt => document.getElementById('output').textContent =
(evt.data == 'ready') ? 'loaded!' :
(evt.data.json.errorCode == 0) ?
`Result:\n${DownloadFile(evt.data.json.fileNameResult, "application/pdf", evt.data.params[0])}` :
`Error: ${evt.data.json.errorText}`;
/*Event handler*/
const ffileAddPageNum = e => {
const file_reader = new FileReader();
file_reader.onload = event => {
/*Add page number to a PDF-file and save the "ResultAddPageNum.pdf" - Ask Web Worker*/
AsposePDFWebWorker.postMessage(
{ "operation": 'AsposePdfAddPageNum', "params": [event.target.result, e.target.files[0].name, "ResultAddPageNum.pdf"] },
[event.target.result]
);
};
file_reader.readAsArrayBuffer(e.target.files[0]);
};
/*Make a link to download the result file*/
const DownloadFile = (filename, mime, content) => {
mime = mime || "application/octet-stream";
var link = document.createElement("a");
link.href = URL.createObjectURL(new Blob([content], {type: mime}));
link.download = filename;
link.innerHTML = "Click here to download the file " + filename;
document.body.appendChild(link);
document.body.appendChild(document.createElement("br"));
return filename;
}