浏览器打开PDF时隐藏工具栏总页码的技术实现问询

你当前通过iText将TIFF图片转换为PDF，再用Angular的window.open打开，但设置toolbar=0会隐藏整个工具栏，需求是仅隐藏工具栏中的总页码显示。以下是可行的解决方案：

方案一：修改Java端PDF生成代码（调整文档属性） #

部分PDF阅读器会根据文档的页码标签设置来决定是否显示总页数，你可以通过iText设置文档为无页码序列，尝试让阅读器不显示总页码：

修改你的Java代码，添加页码标签配置：

Rectangle pagesize = new Rectangle(maxWidth, maxHeight);
Document document = new Document(pagesize);
PdfWriter writer = PdfWriter.getInstance(document, output);
document.open();

// 设置文档为无页码序列，部分阅读器会因此不显示总页数
PdfPageLabels pageLabels = new PdfPageLabels();
pageLabels.addPageLabel(1, PdfPageLabels.LABEL_NO_NUMBER, "", 0);
writer.setPageLabels(pageLabels);

for (int imageIndex = 0; imageIndex < numPages; imageIndex++) {
  img = images.get(imageIndex);
  img.setAlignment(Image.MIDDLE);
  document.setPageSize(new Rectangle(maxWidth, maxHeight));
  document.add(img);
  if (imageIndex != numPages - 1) { // 最后一页无需新建空白页
    document.newPage();
  }
}

document.close();

注意：该效果依赖PDF阅读器的实现，部分浏览器可能仍会显示总页数。

方案二：Angular端使用第三方PDF组件（精确控制UI） #

原生浏览器PDF viewer的URL参数没有提供单独隐藏总页码的选项，若需要精准控制，建议改用Angular第三方PDF查看组件，比如ngx-extended-pdf-viewer，它支持自定义工具栏元素：

1. 安装组件

npm install ngx-extended-pdf-viewer --save

2. 在模块中导入组件

import { NgxExtendedPdfViewerModule } from 'ngx-extended-pdf-viewer';

@NgModule({
  imports: [
    // 其他导入项
    NgxExtendedPdfViewerModule
  ]
})
export class YourFeatureModule { }

3. 在组件中使用并配置隐藏页码

<!-- 示例：在模态框中显示PDF -->
<ng-template #pdfModal let-modal>
  <div class="modal-header">
    <h4 class="modal-title">PDF预览</h4>
    <button type="button" class="close" (click)="modal.dismiss('Cross click')">×</button>
  </div>
  <div class="modal-body">
    <ngx-extended-pdf-viewer
      [src]="currentPdfUrl"
      [showPageNumber]="false" <!-- 隐藏页码显示 -->
      [showToolbar]="true" <!-- 保留工具栏其他功能按钮 -->
      height="600px"
      width="100%">
    </ngx-extended-pdf-viewer>
  </div>
</ng-template>

4. 修改订阅逻辑，打开自定义模态框而非原生窗口

.subscribe(fileUrl => {
  dialogRef.close();
  this.currentPdfUrl = `..${fileUrl}`;
  this.modalService.open(this.pdfModal, { size: 'lg' });
  // 保留你的附件管理逻辑
  this.addToAttachmentManager(null, processId);
},
() => dialogRef.close()
);

方案三：尝试浏览器PDF viewer参数组合（局限性大） #

不同浏览器的PDF viewer支持的URL参数差异较大，Chrome、Firefox等主流浏览器没有单独隐藏总页码的参数，但可以尝试以下参数组合（效果不稳定）：

windowRef = window.open(`..${fileUrl}#toolbar=1&pagemode=none`, '_blank', 'width=800,height=600');

toolbar=1保留工具栏，pagemode=none关闭侧边导航面板，但无法保证总页码会被隐藏。

内容的提问来源于stack exchange，提问作者Raju Kumar Shah