12

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

4

8 回答 8

14

只需将其添加到 viewer.css

.download
{
    display:none !important;    
}

.print
{
    display:none !important;
}
于 2016-11-02T07:16:51.247 回答
13

只是删除按钮会破坏 pdf.js。您需要为它们添加一个“隐藏”类(https://github.com/mozilla/pdf.js/issues/2611

于 2014-05-12T22:13:10.693 回答
7

以下是步骤:

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

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

完毕!

于 2014-10-30T20:45:01.313 回答
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>

这不会完全阻止有经验和热切的用户下载它。你永远无法阻止它。但这足以为好奇者提高标准。

于 2013-07-09T14:30:32.897 回答
2

实际上看起来是使用另一种方法pdf.customise.js(与它捆绑在一起的 WordPress 插件就是这样做的)。我这样做是为了删除 openFile 按钮。

首先,在 中viewer.html,添加以下内容:

<script src="pdf.customise.js"></script>

然后,pdf.customise.js像这样:

(function($) {
    $(document).ready(function() {
        var params = window.location.search.substring(1).split("&");
        var disabledownload = false;
        var disableprint = false;
        var disabletext = false;
        var disabledoc = false;
        var disableopen = true;
        for (var i = 0; i < params.length; i++) {
            var value = params[i].split("=");
            if (value && value.length == 2)
                if (value[0] == "disabledownload" && value[1] == 1) disabledownload = 1;
                else if (value[0] == "disableprint" && value[1] == 1) disableprint = 1;
            else if (value[0] == "disabletext" && value[1] == 1) disabletext = 1;
            else if (value[0] == "disabledoc" && value[1] ==
                1) disabledoc = 1
        }
        var extracss = "";
        if (disabledownload) extracss += " .download {display:none!important;}";
        if (disableprint) extracss += " .print {display:none!important;}";
        if (disabletext) extracss += " .textLayer {-webkit-touch-callout: none !important; -webkit-user-select: none !important; -khtml-user-select: none !important; -moz-user-select: none !important; -ms-user-select: none !important; user-select: none !important;} .selectTool { display: none !important;}";
        if (disabledoc) extracss += " #documentProperties {display:none !important;}";
        if (disableopen) extracss += " #openFile { display:none!important;}";
        if (disableopen) extracss += " #secondaryOpenFile { display:none!important;}";
        if (extracss) {
            var style = document.createElement("style");
            style.type = "text/css";
            style.innerHTML = extracss;
            document.getElementsByTagName("head")[0].appendChild(style)
        }
        $(document).bind("pagerendered", function(e) {
            if (disabledownload) $(".download").remove();
            if (disableprint) $(".print").remove();
            if (disableopen) $("#openFile").remove();
            if (disableopen) $("#secondaryOpenFile").remove();
            if (disabletext) {
                $(".selectTool").remove();
                $(".textLayer").remove();
                if (PDFViewerApplication) PDFViewerApplication.pdfCursorTools.switchTool(1)
            }
            if (disabledoc) {
                $(".documentProperties").prev(".horizontalToolbarSeparator").remove();
                $(".documentProperties").remove()
            }
        })
    })
})(jQuery);

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

于 2019-03-24T22:04:39.527 回答
1

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

PDF.JS 在其 CSS 文件中默认包含隐藏类。所以只需将一个hidden类添加到具有 iddownloadsecondaryDownload

于 2017-01-28T11:20:13.333 回答
0

将此添加到 viewer.css:

隐藏下载图标:

.toolbarButton.download {
    display: none;
}

要隐藏打印机图标...

.toolbarButton.download {
    display: none;
}

对彼此而言...

.toolbarButton.download, .toolbarButton.print {
    display: none;
}
于 2020-10-28T05:21:22.757 回答
0

你可以试试这个https://github.com/latuminggi/pdf.js_readonly

这也可以防止用户使用快捷键,如 Ctrl + S 或 Ctrl + P

于 2021-12-24T10:07:43.443 回答