PDF.js Thư Viện Giúp Preview File Pdf Trên Trình Duyệt - Viblo
Có thể bạn quan tâm
Dự án mình đang làm khách hàng có yêu cầu frontend dev phải preview file pdf, mình thấy thư viện này khá hay, support cả custom giao diện xem luôn.
PDF.jsHello World example: JSFiddle
HTML
<script src="//mozilla.github.io/pdf.js/build/pdf.js"></script> <h1>PDF.js 'Hello, world!' example</h1> <canvas id="the-canvas"></canvas>JavaScript
// If absolute URL from the remote server is provided, configure the CORS // header on that server. var url = '//cdn.mozilla.net/pdfjs/helloworld.pdf'; // Loaded via <script> tag, create shortcut to access PDF.js exports. var pdfjsLib = window['pdfjs-dist/build/pdf']; // The workerSrc property shall be specified. pdfjsLib.GlobalWorkerOptions.workerSrc = '//mozilla.github.io/pdf.js/build/pdf.worker.js'; // Asynchronous download of PDF var loadingTask = pdfjsLib.getDocument(url); loadingTask.promise.then(function(pdf) { console.log('PDF loaded'); // Fetch the first page var pageNumber = 1; pdf.getPage(pageNumber).then(function(page) { console.log('Page loaded'); var scale = 1.5; var viewport = page.getViewport(scale); // Prepare canvas using PDF page dimensions var canvas = document.getElementById('the-canvas'); var context = canvas.getContext('2d'); canvas.height = viewport.height; canvas.width = viewport.width; // Render PDF page into canvas context var renderContext = { canvasContext: context, viewport: viewport }; var renderTask = page.render(renderContext); renderTask.then(function () { console.log('Page rendered'); }); }); }, function (reason) { // PDF loading error console.error(reason); });Hello World using base64 encoded PDF JSFiddle
Previous/Next example JSFiddle
Custom Viewer Demo
https://mozilla.github.io/pdf.js/examples/
https://github.com/mozilla/pdf.js
Từ khóa » Thư Viện File Pdf
-
Thư Viện PDF - Trang Chủ
-
Thư Viện Ebook Miễn Phí Sách Mới
-
Thư Viện File Docs, Pdf –
-
Thư Viện PDF - Đọc Sách Cho Android - atis
-
Hướng Dẫn Sử Dụng Thư Viện TCPDF để Tạo File PDF Online - Viblo
-
Bảng Nội Quy Thư Viện File PDF & CDR
-
Thư Viện Sách - THPT Xuân Thủy
-
Hướng Dẫn Cách Mở Khóa File Pdf Online - Thư Viện Đại Học An Giang
-
PDF Library - Total Materia
-
Get UEH Thesis File / Tải Luận Văn Từ Thư Viện UEH - NHAN NGUYEN
-
Hội Thư Viện Trường Học | [SÁCH GIÁO KHOA - FILE PDF] | Facebook
-
Hướng Dẫn Sử Dụng Thư Viện PDFJS Để Đọc File PDF - YouTube