PDFFileElement: data property

Value

Reading it gives a Uint8Array of the file as it was when it loaded, or a Promise for one when the file came from src. Form edits are not in it; use PDFFileElement.saveData() for those.

Setting a Uint8Array or an ArrayBuffer loads those bytes: the file drops its src and its name.

Examples

Loading bytes

const file = document.querySelector("pdf-file");
const response = await fetch("report.pdf");
file.data = new Uint8Array(await response.arrayBuffer());

Reading the bytes of a file loaded by URL

const file = document.querySelector("pdf-file");
const bytes = await file.data; // Uint8Array
console.log(bytes.length);

Specifications

Not part of any specification. <pdf-file> and <pdf-page> are autonomous custom elements defined by WebPDF.pro.

Browser compatibility

See also

• PDFFileElement.saveData()
• PDFFileElement.load()
• PDFFileElement.name