pdf.js显示合同签名问题

最新推荐文章于 2025-04-21 20:52:19 发布

weixin_33695082

最新推荐文章于 2025-04-21 20:52:19 发布

阅读量708

点赞数

文章标签：前端 ViewUI

原文链接：http://www.cnblogs.com/sky-chen/p/9871566.html

版权

本文介绍了一个在iOS11以下环境中，PDF文件中签名印章或签字无法正常显示的问题，并提供了解决方案。通过使用pdf.js插件并进行特定的代码修改，使得在旧版iOS设备上也能正确显示PDF中的签名元素。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

需求

pdf页面显示在ios11以下的环境，合同的签名印章或签字会显示不出

解决方案（初步处理参考下文引用，这里是后续具体做法）

现在通过使用pdf.js插件，参考下文，引入自己的代码
我把generic文件夹放在static，viewer.html变成viewer.ftl
后端代码添加

@RequestMapping(value = {"/showPdf.do", "showPdf"})
public String showPdf(ModelMap modelMap, HttpServletRequest request) throws Exception {
    log.info("---------------showPdf start---------------");
    HashMap<String, Object> hashMap = this.getHashMap(request);
    String pdfId = (String) hashMap.get("pdf_id");
    modelMap.put("pdf_id", pdfId);
    log.info("---------------showPdf end pdf_id:{}---------------", pdfId);
    return "manager/viewer";
}

把默认访问pdf地址提取到viewer.ftl

<script>
    DEFAULT_URL = 'view_pdf?pdf_id=${pdf_id}';
</script>

经过上面步骤已经可以顺利访问pdf页面了，但是印章默认它是不显示的，还需要改点代码
找到pdf.worker.js该文件下'Sig'这个参数所在地，不同版本代码可能有所不同，但都是类似的做法，注掉返回false的地方

var parent = Annotation.prototype;
Util.inherit(WidgetAnnotation, Annotation, {
isViewable: function WidgetAnnotation_isViewable() {
  // if (this.data.fieldType === 'Sig') {
  //   warn('unimplemented annotation type: Widget signature');
  //   return false;
  // }

  return parent.isViewable.call(this);
}
});