如何解决 iframe 预览pdf 直接下载文件问题

使用 PDF.js 进行预览：PDF.js 是一个基于 HTML5 技术的开源 PDF 阅读器，可以在浏览器中直接预览 PDF 文件，而无需下载。可以将 PDF.js 库引入到页面中，然后在 iframe 中嵌入 PDF 文件的链接，就可以通过 PDF.js 进行预览了。

修改服务器配置：在服务器端，可以通过修改响应头信息来解决直接下载问题。具体做法是将 Content-Disposition 响应头的值设置为 inline，表示将文件以“内联”的方式呈现在浏览器中，而不是以“附件”的方式下载。例如，在 Apache 服务器中，可以在 .htaccess 文件中添加以下代码：

Header set Content-Disposition inline

使用在线 PDF 预览服务：如果以上方法都无法解决问题，可以考虑使用在线 PDF 预览服务，例如 Google Docs 或 Microsoft Office Online。这些服务可以直接在浏览器中打开 PDF 文件，并提供预览和编辑功能。只需要在 iframe 中嵌入服务提供的链接即可。