移动端/平板端强制下载PDF文件的可行方案求助

方案1：调整PHP Header参数 #

移动端部分浏览器对application/pdf类型会优先触发内置预览，改成application/octet-stream（二进制流）更易触发下载，同时加上文件大小Header帮助浏览器处理：

header('Content-Type: application/octet-stream');
header('Content-Transfer-Encoding: Binary');
header('Content-Disposition: attachment; filename="file.pdf"');
// 本地文件直接获取大小，远程文件可通过curl或file_get_contents获取
$filePath = 'file.pdf';
header('Content-Length: ' . filesize($filePath));
readfile($filePath);
exit;

方案2：前端Blob转存触发下载 #

移动端浏览器对通过Blob创建的链接的download属性支持度更高，用Fetch API把PDF转成Blob后生成下载链接：

async function downloadPDF() {
  try {
    const response = await fetch('file.pdf');
    const blob = await response.blob();
    const url = URL.createObjectURL(blob);
    const link = document.createElement('a');
    link.href = url;
    link.download = 'file.pdf';
    document.body.appendChild(link);
    link.click();
    // 清理临时资源
    document.body.removeChild(link);
    URL.revokeObjectURL(url);
  } catch (err) {
    console.error('下载失败:', err);
  }
}

绑定到点击元素上：

<a onclick="downloadPDF()" href="javascript:void(0)">下载PDF</a>

方案3：服务器全局配置（Nginx/Apache） #

如果全站PDF都需要强制下载，可以直接在服务器层面配置Header，避免每个文件单独处理：

Nginx配置示例：

location ~* \.pdf$ {
  add_header Content-Type application/octet-stream;
  add_header Content-Disposition "attachment; filename=$request_filename";
}

Apache配置示例（.htaccess文件）：

<FilesMatch "\.pdf$">
  Header set Content-Type application/octet-stream
  Header set Content-Disposition "attachment"
</FilesMatch>

这些方案实测能解决大部分移动端（包括iOS Safari、安卓主流浏览器）的PDF预览而非下载的问题，你可以根据自己的场景选择合适的方式。

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