使⽤Layui预览PDF⽂件
1. 背景
最近在做⼀个项⽬,实现⽅式为Springboot+Freemarker+Layui。有⼀个需求是浏览器中预览PDF⽂件,实现了之后感觉很有意思,分享给⼤家,希望能对⼤家有所帮助!
2. ⽬标
这⾥简化⼀下实现⽬标,在⽹页上放⼀个按钮,点击之后弹窗预览PDF⽂件。
3. 前端代码
前端页⾯代码,图上有简单的说明,就是显⽰button+JS脚本。这⾥通过“layer.open”并且指定“type: 2”来打开⼀个弹窗,⾥⾯实际是⼀个iframe。
前端代码
4. X-Frame-Options引起的异常
第⼀次运⾏时失败了,错误如图所⽰,错误原因是SpringSecurity默认不允许在页⾯中使⽤iframe。
X-Frame-Options引起的异常5. 修改SpringSecurity默认
如图修改SpringSecurity默认配置。
修改SpringSecurity默认6. 成功效果
重启之后,点击按钮,成功展⽰如图。
效果
7. 局限性
使⽤iframe来展⽰PDF不能禁⽤打印,下载按钮。如果需要这些功能请观看我的使⽤PDF.JS来预览PDF的⽂章。
8. 结语
原创⽂章,需转载请留⾔和私信联系。如有疑问,欢迎留⾔或私信共同探讨。
layui下载
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论