嘿，我来帮你搞定这两个PDF弹窗显示的问题，结合你提供的现有代码一步步调整：

其实PHP的核心作用是输出正确的PDF文件链接，前端Modal里用object或iframe标签来渲染PDF内容。基于你的现有代码，我们可以这样调整：

1. 首先在PHP里定义好PDF的链接（不管是本地路径还是S3链接），比如：

<?php
// 假设这是你获取到的PDF链接，本地或S3都可以
$pdf_link = "你的PDF文件链接";
?>

2. 把Modal里的[PDF link]替换成PHP输出的变量，同时给Modal的内容区域设置固定高度，避免显示不全：

<!-- Modal -->
<div class="modal fade" id="myModal" role="dialog" aria-hidden="true">
  <div class="modal-dialog modal-lg"> <!-- 用modal-lg让弹窗更宽，适配PDF -->
    <div class="modal-content">
      <div class="modal-header">
        <h4 class="modal-title" id="myModalLabel">Document</h4>
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
      </div>
      <div class="modal-body" style="height: 70vh;"> <!-- 设置固定高度，vh是视口高度单位 -->
        <!-- 优先用object标签，不支持的话降级到iframe -->
        <object data="<?php echo $pdf_link; ?>" type="application/pdf" width="100%" height="100%">
          <iframe src="<?php echo $pdf_link; ?>&embedded=true" width="100%" height="100%" frameborder="0">
            你的浏览器不支持PDF预览，请<a href="<?php echo $pdf_link; ?>">点击下载</a>查看。
          </iframe>
        </object>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
      </div>
    </div>
  </div>
</div>

3. 最后需要一个触发弹窗的按钮，比如：

<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal">
  查看PDF文档
</button>

（注意要确保你已经引入了Bootstrap的CSS和JS，不然Modal不会正常工作）

这个问题的核心原因是S3对象的HTTP响应头设置不对，浏览器收到Content-Disposition: attachment头时会直接下载，而不是预览。有两种解决方式：

方式1：修改S3对象的元数据 #

直接在AWS控制台或用AWS CLI修改PDF文件的元数据：

• 把Content-Type设置为 application/pdf
• 把Content-Disposition设置为 inline（这个头告诉浏览器直接显示文件，而不是下载）

用AWS CLI修改的命令示例： #

aws s3 cp s3://your-bucket/path/to/your.pdf s3://your-bucket/path/to/your.pdf \
  --content-type 'application/pdf' \
  --content-disposition 'inline' \
  --metadata-directive REPLACE

修改后，再用原来的S3链接，浏览器就会在Modal里预览PDF了。

方式2：用PHP做代理（如果无法修改S3元数据） #

如果因为权限或其他原因不能修改S3的元数据，可以写一个PHP脚本作为中间代理，读取S3的PDF内容并输出正确的响应头：

<?php
// pdf-proxy.php
$s3_pdf_url = "你的S3 PDF链接";

// 获取S3文件内容
$pdf_content = file_get_contents($s3_pdf_url);

// 设置正确的响应头
header('Content-Type: application/pdf');
header('Content-Disposition: inline; filename="document.pdf"');
header('Content-Length: ' . strlen($pdf_content));

// 输出PDF内容
echo $pdf_content;
exit;
?>

然后把Modal里的$pdf_link改成这个代理脚本的链接，比如：

$pdf_link = "pdf-proxy.php";

这样浏览器会收到正确的响应头，就会在Modal里预览PDF了。

内容的提问来源于stack exchange，提问作者Samarth M