如何使用pdf.js使PDF无法下载

时间:2013-07-09 12:16:52

标签: javascript pdf pdf.js

我找到了pdf.js项目,这非常有用。但是,我无法弄清楚如何删除“下载”选项。

7 个答案:

答案 0 :(得分:12)

只需删除按钮即可打破pdf.js. 您需要向他们添加“隐藏”类(https://github.com/mozilla/pdf.js/issues/2611

答案 1 :(得分:6)

以下是步骤:

  1. 将jQuery库添加到共享文件夹。
  2. 将jQuery库包含到viewer.html文件
  3. 在标题部分添加:

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

答案 2 :(得分:6)

只需在viewer.css

中添加
.download
{
    display:none !important;    
}

.print
{
    display:none !important;
}

答案 3 :(得分:3)

修改来源。 web / viewer.html的第85行。

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>

这不会完全阻止经验丰富的用户下载它。你永远不能阻止它。但这足以为好奇者提高标准。

答案 4 :(得分:1)

最简单的方法是将hidden类添加到工具栏中的特定按钮(在本例中为下载按钮)

PDF.JS默认包含在CSS文件中的隐藏类。所以只需在hiddendownload

的按钮上添加secondaryDownload课程

答案 5 :(得分:1)

另一种实现方法实际上是使用import * as React from 'react'; import App from '../index.js'; const React2 = require('react'); describe('App', () => { const wrapper = mount(<App />); it('renders without errors', () => { const homeComponent = wrapper.find('.app'); expect(homeComponent).toHaveLength(1); }); it('should partially mock React module', async () => { expect(jest.isMockFunction(await require('react').lazy)).toBe(true); // eslint-disable-line global-require expect(jest.isMockFunction(React)).toBe(false); expect(jest.isMockFunction(React.lazy)).toBe(true); expect(jest.isMockFunction(React2)).toBe(false); expect(jest.isMockFunction(React2.lazy)).toBe(true); }); }); (捆绑在一起的WordPress插件以这种方式实现)。我这样做是为了删除openFile按钮。

首先,在pdf.customise.js中,添加以下内容:

viewer.html

然后,使您的<script src="pdf.customise.js"></script>像这样:

pdf.customise.js

我不喜欢它使用jQuery而不是纯JavaScript(但是可以很容易地用这种方式重写),但是仍然可以很好地工作。

答案 6 :(得分:0)

将此添加到viewer.css:

隐藏下载图标:

.toolbarButton.download {
    display: none;
}

要隐藏打印机图标...

.toolbarButton.download {
    display: none;
}

对于两者...

.toolbarButton.download, .toolbarButton.print {
    display: none;
}

-拉维·贾亚戈帕尔(Ravi Jayagopal)

Wordpress S3 Plugin