HTML嵌入本地PDF遇404错误求助：iframe/embed均无效

核心原因 #

Chrome在file://协议下（直接双击打开本地HTML文件）有严格的安全限制，会阻止跨路径的本地文件访问，你使用的/Users/...系统级绝对路径属于跨源访问范畴，因此被浏览器拦截导致404错误。

有效解决方法 #

1. 使用本地HTTP服务器（推荐方案） #

这是绕过file://安全限制最可靠的方式：

• 将PDF文件rach2.pdf和你的HTML文件放在同一个文件夹中
• 打开终端，切换到该文件夹目录：

  cd /path/to/your/folder
  

• 启动本地服务器：
  • Python 3用户执行：

    python3 -m http.server 8000
    

  • Python 2用户执行：

    python -m SimpleHTTPServer 8000
    

• 在Chrome中访问http://localhost:8000/你的HTML文件名.html，同时修改embed标签的路径为相对路径：

  <embed src="rach2.pdf" type="application/pdf" width="100%" height="100%"></embed>
  

2. 临时放宽Chrome文件访问限制（仅用于本地测试） #

此方法存在安全风险，不推荐日常使用：

• 关闭所有Chrome窗口
• 在终端执行以下命令启动Chrome，允许本地文件间的交叉访问：

  open -a "Google Chrome" --args --allow-file-access-from-files
  

• 用该Chrome窗口打开你的HTML文件，此时正确的绝对路径或相对路径即可加载PDF。

3. 验证相对路径的正确性 #

若坚持使用file://协议，需确保路径写法符合浏览器要求：

• 若PDF与HTML在同一目录，直接写文件名：src="rach2.pdf"
• 若PDF在子目录（如pdfs/rach2.pdf），则写src="pdfs/rach2.pdf"
• 禁止使用/Users/...这类系统级绝对路径，此类路径在file://协议下会被Chrome拦截。

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