打开文档

ComPDF 支持打开各种数据类型的 PDF 文档，包括 URL、File、Blob、ArrayBuffer 和 Base64 类型。

此示例演示如何打开文档：

URL

import ComPDFKitViewer from "@compdfkit_pdf_sdk/webviewer";

const viewer = document.getElementById('webviewer');
ComPDFKitViewer.init({
  path: '/',
  pdfUrl: 'https://www.example.com/test.pdf',
  license: 'Input your license here'
}, viewer)
  .then((core) => {
    const docViewer = core.docViewer;
    const UI = core.UI;
    docViewer.addEvent('documentloaded',async () => {
      console.log('Document Loaded');
    })

    UI.loadDocument('https://www.example.com/test.pdf')
  });

Blob

import ComPDFKitViewer from "@compdfkit_pdf_sdk/webviewer";

const viewer = document.getElementById('webviewer');
ComPDFKitViewer.init({
  path: '/',
  pdfUrl: blobData,
  license: 'Input your license here'
}, viewer)
  .then((core) => {
    const docViewer = core.docViewer;
    const UI = core.UI;
    docViewer.addEvent('documentloaded',async () => {
      console.log('Document Loaded');
    })

    UI.loadDocument(blobData, {
      filename: 'test.pdf'
    })
  });

ArrayBuffer

import ComPDFKitViewer from "@compdfkit_pdf_sdk/webviewer";

const viewer = document.getElementById('webviewer');
ComPDFKitViewer.init({
  path: '/',
  pdfUrl: buffer,
  license: 'Input your license here'
}, viewer)
  .then((core) => {
    const docViewer = core.docViewer;
    const UI = core.UI;
    docViewer.addEvent('documentloaded',async () => {
      console.log('Document Loaded');
    })

    UI.loadDocument(buffer, {
      filename: 'test.pdf'
    })
  });

Base64

import ComPDFKitViewer from "@compdfkit_pdf_sdk/webviewer";

const viewer = document.getElementById('webviewer');
ComPDFKitViewer.init({
  path: '/',
  pdfUrl: base64Data,
  license: 'Input your license here'
}, viewer)
  .then((core) => {
    const docViewer = core.docViewer;
    const UI = core.UI;
    docViewer.addEvent('documentloaded',async () => {
      console.log('Document Loaded');
    })

    UI.loadDocument(base64Data, {
      filename: 'test.pdf'
    })
  });