2013-07-09 2 views
6

Я нашел проект pdf.js, что очень полезно. Однако я не могу понять, как удалить параметр «Загрузить».Как сделать PDF без загрузки с помощью pdf.js

+7

Независимо от того, что пользователь видит в браузере, пользователь может загрузить его. – mishik

+0

Можете ли вы дать нам код? Я не заинтересован в загрузке контента с веб-сайта, чтобы проверить его для вас. – Matheno

+0

https://github.com/andreasgal/pdf.js - это старая версия https://github.com/mozilla/pdf.js – async5

ответ

5

Вот шаги:

  1. Добавить библиотеку JQuery в общую папку.
  2. Включите библиотеку JQuery для viewer.html файла
  3. Добавить это на секции заголовка:

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

Готово!

+0

не работает ..... это не скроет кнопку загрузки – Susantha7

+0

$ ("# download"). style.display = 'none' – Perry

+0

Отлично! Большое спасибо за этот простой фрагмент. – ozeray

2

Изменить источник. Строка 85 веб/viewer.html.

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

Просто удалите кнопку.

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

Это не полностью остановит опытных и нетерпеливых пользователей от его загрузки. Вы никогда не прекратите это. Но этого достаточно, чтобы поднять бар достаточно для любопытных.

+0

Спасибо @ Joe Frambach, это сработало! Мое намерение состоит в том, чтобы остановить хотя бы средних пользователей. – sathyam1992

+0

Это не работает для меня. Когда я удаляю эту кнопку загрузки, веб-страница не загружает PDF-файл. –

+0

@VivekSancheti Вы удаляете весь элемент кнопки загрузки? Элемент охватывает линии 85-86-87-88. –

12

Просто удаление кнопок разбивает pdf.js. Вы должны добавить «скрытый» класс для них (https://github.com/mozilla/pdf.js/issues/2611)

+0

Блестящий очень легко исправить! – Louwki

+0

Если мы удаляем эту кнопку, необходимо также удалить прослушиватель событий – Vasistan

+0

К сожалению, везде я могу найти «просто добавьте скрытый класс в нужные вам кнопки», но, похоже, это не работает [на многих кнопках, таких как открытые ] в новых версиях pdf.js и никаких отчетов об ошибках. Было бы неплохо, если бы они просто проверили JS на существующий элемент, прежде чем пытаться прикрепить к нему код .. позволяя html свободно настраиваться без головных болей. – NinjaKC

3

просто добавьте это в viewer.css

.download 
{ 
    display:none !important;  
} 

.print 
{ 
    display:none !important; 
} 
0

Самый простой способ добавить hidden класс к определенной кнопке на панели инструментов (кнопка загрузки в данном случае)

pdf.js спрятался класса включен по умолчанию в его файле CSS. Так что просто добавьте класс hidden к кнопке с идентификатором download и secondaryDownload

Смежные вопросы