如何禁用 ViewerJS 中的下载按钮？答案

【问题标题】：How to disable the download button in ViewerJS?如何禁用 ViewerJS 中的下载按钮？
【发布时间】：2016-01-01 09:55:54
【问题描述】：

是否可以在不修改提供的原始代码的情况下使用 JQuery 在 ViewerJS 中禁用 pdf 上的下载按钮？我不想修改viewerjs的任何文件，我想在另一个文件中进行。

【问题讨论】：

【解决方案1】：

以本页为例（自上而下的第一个查看者）

http://viewerjs.org/examples/

~~隐藏按钮的css解决方案是~~：

#download { display: none; }

~~从生成的代码中删除按钮的jQuery解决方案是~~：

$(window).load( function() {
    $('#download').remove();
});

编辑：

我认为这两种解决方案都没有用，因为我刚刚注意到插件在 IFRAME 中显示文档。我不确定您是否可以始终/轻松地操作 iframe 内容，即使它们指向您自己的网站。

【讨论】：

【解决方案2】：

如果找到了解决方案，这里有：

<script>

$(window).load( function() {

   $('#ifr').ready(function(){

        $('#ifr').contents().find('#download').css("display","none");

});

});

</script>

`<iframe id="ifr" src ="" width='800' height='1000' allowfullscreen webkitallowfullscreen></iframe>`

【讨论】：

【解决方案3】：

这对我有用：

HTML

<iframe id="iframe" src ="..." width="800" height="500" allowfullscreen webkitallowfullscreen></iframe>

$('#iframe').ready(function() {
   setTimeout(function() {
      $('#iframe').contents().find('#download').remove();
   }, 100);
});

【讨论】：

【解决方案4】：

在我的例子中，我下载了 ViewerJS，它还包含一个名为 ViewerJS 的文件夹。在里面我找到了一个文件 index.html。在代码中寻找控件下载。看看我附上的图片。我只评论了控件并忘记了使用 css。

【讨论】：