2013-04-28 46 views
5

Tôi muốn đặt một tệp sample.pdf trên trang web của mình và muốn hiển thị tệp đó bằng cách sử dụng pdf.js. Những gì tôi muốn là để hiển thị tập tin của riêng tôi như demo, với một thanh công cụ, phóng to/thu nhỏ, vv Cho đến nay tôi không thể làm điều đó được nêu ra.Hiển thị PDF trên trang web bằng cách sử dụng pdf.js

Tôi đã xem helloworld example, nhưng nó chỉ hiển thị tệp như hình ảnh, không có thanh công cụ, phóng to/thu nhỏ, v.v. Khi tôi đặt một tệp khác có nhiều trang thay vì helloworld.pdf, nó chỉ hiển thị trang đầu tiên.

+0

Từ kinh nghiệm của tôi, đó là một mớ hỗn độn. Tôi không thể làm cho nó hoạt động được. – sawa

+0

Bạn có thấy ví dụ "Hello World" không? https://github.com/mozilla/pdf.js/tree/master/examples/helloworld Kiểm tra index.html và tệp hello.js để biết ví dụ. –

+0

Có, tôi đã kiểm tra điều đó (xin lỗi vì không đề cập trước đó), nhưng nó không hiển thị đầy đủ pdf.js như trong [demo] (http://mozilla.github.io/pdf.js/web/viewer .html). Khi tôi đặt một tệp khác thay vì 'helloworld.pdf', nó chỉ hiển thị trang đầu tiên của tệp đó. –

Trả lời

1

Tôi không hoàn toàn chắc chắn những gì bạn đang tìm kiếm nhưng tôi đã có thể làm việc này chính xác như bản trình diễn. Mặc dù bạn có thể không muốn sử dụng trình xem ví dụ đó cho dự án của mình, nhưng bạn có thể sử dụng mã làm việc làm điểm bắt đầu cho các yêu cầu của riêng mình.

Để kiểm tra đơn giản, bạn chỉ có thể sao chép dự án ở đâu đó dưới máy chủ web vào thư mục như myproject và truy cập http://yourservername.com/myproject/web/viewer.html. Bạn sẽ thấy pdf xuất hiện. Đây có thể là điểm khởi đầu để làm việc với dự án này. Tôi đã làm điều này chạy một máy chủ Apache rất cơ bản trên Linux.

Nếu bạn không tìm kiếm một ví dụ có kiểu như bản trình diễn ở trên, bạn cũng có thể xem this jsbin từ tài liệu hướng dẫn cách thực hiện điều gì đó hoàn toàn tùy chỉnh bằng các nút tiếp theo/trước đó để di chuyển giữa các trang (như bạn đã đề cập) bạn chỉ nhìn thấy trang đầu tiên).

Như một lưu ý, có vẻ như thư viện này không hoạt động đúng với Safari. Bạn có thể thấy một vấn đề về nó here. Thật không may điều này làm cho nó không sử dụng được cho tôi bây giờ vì tôi cần hỗ trợ tất cả các trình duyệt hiện tại.

Ngoài ra, hãy nhớ xem các cảnh báo liên quan đến CORS.

+0

Cảm ơn bạn đã trả lời, Ảnh chụp nhanh. Những gì tôi đang tìm kiếm là làm cho nó hoạt động chính xác như bản demo. Bạn có thể vui lòng cho tôi biết bạn đã làm như thế nào? –

+0

Ok đừng bận tâm, tôi nên kiểm tra thư mục ** web **. Tôi chỉ kiểm tra thư mục ** example **. –

+0

FYI: Điều này đã được khắc phục vào tháng 6 năm 2013. Tham khảo: https://github.com/mozilla/pdf.js/pull/3315 –

Các vấn đề liên quan