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

时间:2017-05-27 07:05:20

标签: html5 pdf download inline viewer

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

SQLITE_OPEN_FULLMUTEX

即使您尝试打开网站(在加载网页时),浏览器也会要求下载它!

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

<!-- 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 -->

很明显,content-type设置为text / html。我不确定它是否与此问题有关。如果是,请你告诉我如何更改/编辑它?

1 个答案:

答案 0 :(得分:0)

如何使用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>