Springboot整合pdfjs插件

SpringBoot+Thymeleaf使用pdfjs 实现对pdf文件的预览

首先贴上pdfjs的github地址:pdfjs-dist下载地址
当你下载解压之后出现的内容:
在这里插入图片描述
然后,将其添加到项目的/static文件夹下
在这里插入图片描述
然后在进行**修改view.js**中的默认打开的pdf文件为空字符串(防止用户在不传file值得时候打开
在这里插入图片描述
上图中的compressed.tracemonkey-pldi-09.pdf就是会默认打开的pdf文件


之后在html页面中配置使用
  //查看pdf文件模态框显示
    function toViewFile(object) {
   
        //文件的路径
        let idVal = object.title;
        //对通知的数据进行查询并回显
        $("#viewPdfIframe").attr('src','/plugins/pdfjs-2.7.570-dist/web/viewer.html?file=' +
            encodeURIComponent('http://localhost:8080/file/previewPdf?UUID=' + idVal));
        $("#viewFilePdf").modal({
   
            backdrop: "static"
        });
    }

对应的控件:


                
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值