Layui弹窗嵌入PDF预览首选pdf.js viewer方案：将pdf.js放入静态目录，后端提供鉴权PDF流接口，layer.open用type:2加载viewer.html并传file参数；次选直连浏览器查看器（限内网/同源），备用方案用嵌入但兼容性差。
要在Layui弹窗中嵌入PDF预览控件，必须避开浏览器原生PDF查看器样式脱节、移动端强制下载、跨域失败、iframe加载不触发等常见故障点，直接使用可控性强的方案落地。
用Layer iframe层加载pdf.js viewer（推荐）
这一步是企业级项目最稳妥的选择：不依赖服务端MIME配置，规避Chrome对本地file://协议的拦截，支持水印、权限参数、自定义工具栏。
第一步：将pdf.js解压后放入项目静态目录，例如 /static/pdfjs/web/，确保 viewer.html 可通过 /static/pdfjs/web/viewer.html 直接访问。
第二步：后端提供带鉴权的PDF流接口，如 /api/file/pdf?token=abc123&id=789，返回HTTP 200响应体为PDF二进制流，且响应头含 Content-Type: application/pdf。
第三步：调用layer.open，type必须为2，content传拼接后的viewer地址：
```js
layer.open({
type: 2,
title: '合同预览',
area: ['90%', '85%'],
maxmin: true,
content: '/static/pdfjs/web/viewer.html?file=/api/file/pdf?token=abc123&id=789'
});```
注意：file参数值必须是完整URL路径，不能以./或../开头；若PDF接口需跨域，请在服务端配置 Access-Control-Allow-Origin，否则viewer无法读取响应流。
用Layer iframe层直连浏览器PDF查看器（轻量）
适用于内网系统、已确认所有终端Chrome/Firefox/Safari均支持PDF内嵌、且PDF文件可公开访问的场景。
方法一：直接传PDF URL给content
```js
layer.open({
type: 2,
content: 'https://example.com/files/report.pdf'
});```
方法二：加一层代理避免跨域（当PDF在不同域名下）
后端提供一个转发接口 /proxy/pdf?url=https%3A%2F%2Fother.com%2Fdoc.pdf，返回302重定向或直接流式响应PDF；前端调用时传该代理地址即可。
【关键限制】此方式在iOS Safari和部分Android WebView中会触发下载而非预览，且无法添加水印或控制工具栏按钮。
用Layer页面层嵌入video标签模拟PDF容器（备用）
当pdf.js不可用、又必须阻止下载行为时，可用或兜底，但仅限同源PDF。
```js
layer.open({
type: 1,
title: false,
area: ['100%', '100%'],
content: ''
});```
此写法在PC Chrome中表现稳定，但在微信内置浏览器中大概率失效——它会忽略data属性，直接跳转到PDF链接并唤起系统下载。
