2013-07-09 44 views
6

Tôi đã tìm thấy dự án pdf.js, rất hữu ích. Tuy nhiên, tôi không thể tìm ra cách xóa tùy chọn "Tải xuống".Cách tạo PDF không thể tải xuống bằng pdf.js

+7

Bất cứ điều gì người dùng nhìn thấy trong một người dùng trình duyệt đều có thể tải xuống. – mishik

+0

Bạn có thể cho chúng tôi mã không? Tôi không quan tâm đến việc tải xuống nội dung từ trang web chỉ để kiểm tra nó cho bạn. – Matheno

+0

https://github.com/andreasgal/pdf.js là phiên bản cũ hơn của https://github.com/mozilla/pdf.js – async5

Trả lời

5

Sau đây là các bước sau:

  1. Thêm thư viện jQuery để thư mục chia sẻ.
  2. Bao gồm thư viện jQuery để tập viewer.html
  3. Thêm này trên phần tiêu đề:

    <script> 
    $(function(){ 
        $('#download').hide(); 
    }); 
    </script> 
    

Xong!

+0

không hoạt động ..... điều này không ẩn nút tải xuống – Susantha7

+0

$ ("# tải xuống"). style.display = 'none' – Perry

+0

Tuyệt vời! Cảm ơn bạn rất nhiều vì đoạn trích đơn giản này. – ozeray

2

Sửa đổi nguồn. Dòng 85 của web/viewer.html.

https://github.com/andreasgal/pdf.js/blob/master/web/viewer.html#L85

Chỉ cần xóa nút.

<button id="download" title="Download" onclick="PDFView.download();" oncontextmenu="return false;"> 
    <img src="images/download.svg" align="top" height="16"/> 
    Download 
    </button> 

Điều này sẽ không ngừng hoàn toàn người dùng có kinh nghiệm và mong muốn tải xuống. Bạn không bao giờ có thể dừng lại. Nhưng điều này là đủ để nâng cao thanh đủ cho tò mò.

+0

Cảm ơn @Joe Frambach, Nó đã hoạt động! Ý định của tôi là ngăn chặn ít nhất người dùng trung bình – sathyam1992

+0

Nó không làm việc cho tôi. Khi tôi xóa nút tải xuống này, trang Web không tải tệp PDF. –

+0

@VivekSancheti Bạn có đang xóa toàn bộ phần tử nút tải xuống không? Phần tử kéo dài các dòng 85-86-87-88. –

12

Chỉ cần xóa các nút ngắt pdf.js. Bạn cần phải thêm một lớp "ẩn" đối với họ (https://github.com/mozilla/pdf.js/issues/2611)

+0

Rực rỡ sửa chữa rất dễ dàng! – Louwki

+0

nếu chúng ta loại bỏ các nút này cần phải loại bỏ sự kiện nghe cũng – Vasistan

+0

Thật không may ở khắp mọi nơi tôi có thể tìm thấy nói "chỉ cần thêm lớp ẩn vào nút bạn muốn ẩn", nhưng có vẻ như điều này không hoạt động [trên nhiều nút, chẳng hạn như mở ] trong các phiên bản pdf.js mới hơn và không có báo cáo vấn đề nào liên quan đến nó. Sẽ có được tốt đẹp nếu họ chỉ cần làm một kiểm tra trong JS cho các yếu tố hiện có trước khi cố gắng đính kèm mã vào nó .. cho phép html được tự do điều chỉnh mà không đau đầu. – NinjaKC

3

chỉ cần thêm này trong viewer.css

.download 
{ 
    display:none !important;  
} 

.print 
{ 
    display:none !important; 
} 
0

Phương pháp đơn giản nhất là thêm hidden lớp để nút cụ thể trong thanh công cụ (nút tải trong trường hợp này)

PDF.JS đã ẩn lớp được bao gồm theo mặc định trong tệp CSS của nó. Vì vậy, chỉ cần thêm một lớp hidden vào nút có id downloadsecondaryDownload

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