如何在浏览器中显示pdf而不是下载它答案

【问题标题】：How to display a pdf inside browser instead of downloading it如何在浏览器中显示pdf而不是下载它
【发布时间】：2017-10-28 01:57:29
【问题描述】：

我推出了一个 HTML5 网站。我已经集成了一个 pdf 查看器来在浏览器中显示一个 pdf。但是，将文件上传到主机后，浏览器会下载 pdf 而不是显示我的 pdf。请查看简历部分here. 这是我正在使用的代码：

<!-- SECTION 1.1 - Resume -->
<section class="no-display">
<div class="profile" id="2">
<h2>My<span>Resume</span><br></h2>
<div class="sep1"></div>
<p>
<object data="attach/Resume.pdf" type="application/pdf" width="660" 
height="3710" Content-Disposition: inline; filename=Resume.pdf>
<a href="Resume">Resume.pdf</a>
</object>
</p>

<div class="clearfix"></div>
</div>
</section>
<!-- SECTION 1.1 - Resume -->

即使您尝试打开网站（在加载网页时），浏览器也会请求下载！

更新：我检查了我网站的标题状态：

HTTP/1.1 200 OK
Content-Type: text/html
Content-Length: 27522
Connection: keep-alive
Keep-Alive: timeout=15
Date: Sat, 27 May 2017 09:30:38 GMT
Server: Apache
Last-Modified: Sat, 27 May 2017 08:01:38 GMT
ETag: "6b82-5507cdd152130"
Accept-Ranges: bytes

很明显，内容类型设置为 text/html。我不确定它是否与这个问题有关。如果是，请告诉我如何更改/编辑它？

【问题讨论】：

所有浏览器可能不具备显示 PDF 的能力。考虑使用PDF.js。
添加目标="_blank" stackoverflow.com/questions/7267242/…
Abhijit Parida 建议您可以使用 PDF.js：github.com/mozilla/pdf.js
这能回答你的问题吗？ How do I force files to open in the browser instead of downloading (PDF)?

标签： html pdf download inline viewer

【解决方案1】：

用window.open('attach/Resume.pdf');怎么样？

<section class="no-display">
    <div class="profile" id="2">
        <h2>My<span>Resume</span><br></h2>
        <div class="sep1"></div>
        <p>
            <object data="attach/Resume.pdf" type="application/pdf" width="660"
                    height="3710" Content-Disposition: inline; filename=Resume.pdf>
                <a href="#"  onclick="window.open('attach/Resume.pdf');">Resume.pdf</a>
            </object>
        </p>

        <div class="clearfix"></div>
    </div>
</section>

【讨论】：