jeecg预览pdf、jeecg无法预览pdf、jeecg自带预览pdf

修复jeecg接口pdfPreviewIframe无法预览pdf问题

出现白屏的原因是:后端 pdfPreviewIframe 没有将传入的 url 参数传递给前端模板,且前端模板 pdfPreviewIframe.ftl 中硬编码了一个已失效的阿里云 OSS 地址,导致无法加载指定的文件。

1.修改pdfPreviewIframe.ftl

java 复制代码
<#assign base=springMacroRequestContext.getContextUrl("")>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="Cache-Control" content="no-store"/>
<meta http-equiv="Pragma" content="no-cache"/>
<meta http-equiv="Expires" content="0"/>
<title>PDF预览</title>
</head>
<body style="margin:0; padding:0; height:100%; overflow:hidden;">
<script type="text/javascript">
    /**
     * PDF 预览中转页面
     * 支持自动通过 url 参数加载 PDF.js 查看器
     */
    (function() {
        var rawUrl = "${url!""}";
        if (rawUrl) {
            var finalUrl = rawUrl;
            // 如果 url 不是以 http 开头,自动补全为系统定义的静态资源接口路径
            if (finalUrl.indexOf("http") !== 0) {
                // 如果是以 / 开头,说明是绝对路径但缺少域名
                if (finalUrl.indexOf("/") === 0) {
                    finalUrl = window.location.protocol + "//" + window.location.host + finalUrl;
                } else {
                    // 否则视为业务相对路径,补全为 /sys/common/static/ 接口地址
                    var serverBase = window.location.protocol + "//" + window.location.host + "${base}";
                    finalUrl = serverBase + "/sys/common/static/" + finalUrl;
                }
            }
            // 拼接 PDF.js 标准查看器地址
            var viewerPath = "${base}/generic/web/viewer.html?file=" + encodeURIComponent(finalUrl);
            // 重定向到查看器页面
            window.location.replace(viewerPath);
        } else {
            document.body.innerHTML = "<div style='text-align:center; margin-top:100px; font-family: sans-serif;'>" +
                                      "<h3>未指定预览文件地址</h3>" +
                                      "<p style='color:#666;'>请通过 ?url=xxx 参数传入文件路径</p>" +
                                      "</div>";
        }
    })();
</script>
</body>
</html>

2.pdfPreviewIframe接口

java 复制代码
/**
     * @功能:pdf预览Iframe
     * @param modelAndView
     * @return
     */
    @RequestMapping("/pdf/pdfPreviewIframe")
    public ModelAndView pdfPreviewIframe(ModelAndView modelAndView, @RequestParam(name = "url", required = false) String url) {
        modelAndView.addObject("url", url);
        modelAndView.setViewName("pdfPreviewIframe");
        return modelAndView;
    }
相关推荐
jwn9993 小时前
Laravel 6.x核心特性深度解析
状态模式
帐篷Li4 小时前
CPS统计数据汇总 实现计划
状态模式
onebyte8bits4 小时前
NestJS 系列教程(十八):文件上传与对象存储架构(Multer + S3/OSS + 访问控制)
前端·架构·node.js·状态模式·nestjs
前端不太难5 小时前
深度解析:OpenClaw 多智能体系统四大支柱
人工智能·状态模式·openclaw
SEO-狼术5 小时前
All-About-PDF provides DRM
pdf
前端不太难6 小时前
鸿蒙游戏开发的正确分层方式
华为·状态模式·harmonyos
珍朱(珠)奶茶6 小时前
Spring Boot3整合FreeMark、itextpdf 5/7 实现pdf文件导出及注意问题
java·spring boot·后端·pdf·itextpdf
兄弟加油,别颓废了。6 小时前
【无标题】
状态模式
SuperEugene7 小时前
Python 函数与模块化:前端工程化思维完全通用| 基础篇
前端·python·状态模式