Base64编码大体积PDF无法在Chrome的iframe中显示问题求助

Chrome浏览器对data: URI存在默认长度限制（通常约2MB，不同版本略有差异），这就是你遇到的3MB、10MB大小的PDF无法显示，仅小体积PDF能正常加载的核心原因——Base64编码会让文件体积额外增加约33%，进一步放大了文件尺寸，超过了浏览器的限制阈值。

以下是可行的解决方案：

方案1：直接使用PDF的原始URL（推荐） #

无需Base64编码，直接将PDF的URL作为iframe的src属性值，浏览器会直接请求并渲染文件，没有大小限制：

<?php
    $pdfUrl = 'https://freetestdata.com/wp-content/uploads/2022/11/Free_Test_Data_10.5MB_PDF.pdf';
    echo '<iframe src="' . $pdfUrl . '" width="100%" height="800px" type="application/pdf"></iframe>';
?>

方案2：通过PHP代理脚本输出PDF（适合需要后端处理的场景） #

如果PDF需要权限验证、读取本地文件等后端逻辑，可创建一个代理脚本直接输出PDF内容，避免Base64编码：

1. 创建serve-pdf.php文件：

<?php
    // 可选：添加权限校验、用户验证逻辑
    $pdfSource = 'https://freetestdata.com/wp-content/uploads/2022/11/Free_Test_Data_10.5MB_PDF.pdf'; // 或本地文件路径
    header('Content-Type: application/pdf');
    header('Content-Disposition: inline; filename="document.pdf"');
    readfile($pdfSource);
    exit;
?>

2. 在页面中引用代理脚本：

<iframe src="serve-pdf.php" width="100%" height="800px" type="application/pdf"></iframe>

注意事项 #

• Base64编码会使文件体积增加约33%，大文件使用这种方式不仅会触发浏览器限制，还会增加服务器内存占用和传输成本，建议仅对极小文件使用data: URI方案。
• 确保服务器配置允许读取远程文件（如果使用file_get_contents加载远程URL），或调整allow_url_fopen配置。

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