Hướng dẫn pdf javascript - pdfjavascript
Show Đã đăng vào thg 6 22, 2018 6:47 SA 0 phút đọc 0 phút đọc 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: JSFiddleHTML
JavaScript
Trước tiên bạn cần download bộ thư viện pdf.js trước bằng cách vào link này. Khi download về bạn sẽ thấy một số ví dụ basic, không giống bản demo mà người ta đưa ra, bạn phải chỉnh css và kết hợp javascript pdf.js api mới được. Tuy nhiên trong bài này tôi đã fix sẵn từ bản demo của nó nên bạn chỉ việc download về và sử dụng.javascript pdf.js api mới được. Tuy nhiên trong bài này tôi đã fix sẵn từ bản demo của nó nên bạn chỉ việc download về và sử dụng. Xây dựng HTML hiển thị PDF ReaderTrước tiên bạn tạo file
Trong file các bạn chú ý đoạn code trên thẻ head: Bạn chú ý là chỉ đổi ba thông các thông số trong biến config nhé, còn các file css và js mình sẽ đính kèm theo. Cách hiển thị PDF Reader trên websiteVới đoạn mã HTML trên thì chiều rộng và chiều cao của trang sẽ là 100% nên bạn không thể đưa nó vào trong một trang web bình thường được, thay vào đó bạn hay tạo một file hiển thị riêng, sau đó dùng iframe để embed vào xác định chiều rộng, cao cho iframe. Như vậy bạn đã làm được chức năng đọc file pdf online rồi đấy.đọc file pdf online rồi đấy. Bài viết này được đăng tại freetuts.net, không được copy dưới mọi hình thức.freetuts.net, không được copy dưới mọi hình thức. Lời kếtNếu bạn đọc document của plugin này thì cũng có thể tự làm được nhưng mình nghĩ tại sao không dùng những cái có sẵn, ban chỉ cần download về và custome lại y như phần 1 tôi đã trình bày thì việc đọc file pdf online với PDFReader pdf.js không còn là khó khăn nữa Danh sách file tải về
|