我可能错过了一些简单的东西在这里,但我会问无论如何。我已经做了一个链接打开PDF文件,但它打开了当前的标签,而不是一个新的。什么代码我应该使用HTML打开一个新的标签阅读PDF文件。
<div class="footer_box_content">
<div class="cleaner_h10"></div>
<p>Many thanks to everyone who cleared snow and ice during the cold spell in February.
Should Arctic conditions return, each block has a shovel and a jar of rock salt to clear the steps.
Please click more to read the full newsletter.</p>
<div class="button_01"><a href="newsletter_01.pdf">Read more</a></div>
</div>
9条答案
按热度按时间63lcw9qa1#
Target _blank将强制浏览器在新窗口中打开它
72qzrwbm2#
正如其他人所指出的,这可以奏效:
但没有人指出的是,它不能保证工作。
无法强制用户的浏览器在新选项卡中打开PDF文件。根据用户的浏览器设置,即使使用
target="_blank"
,浏览器也可能以下列方式作出React:1.要求采取行动
1.在Adobe Acrobat中打开
1.只需将文件直接下载到他们的计算机
看看Firefox的设置,例如:
Chrome也有类似的设置:
如果用户在遇到PDF时在其浏览器设置中选择了“保存文件”,则您无法覆盖它。
huus2vyu3#
单独使用
_blank
无法确保文件在新选项卡中打开。文件请求的响应标头应包含Content-Type : application/pdf
。尝试这个link,它将在新选项卡中打开文件,因为服务器提供所需的头文件。
其他文件类型也是如此。例如:视频文件获取请求应具有正确的
Content-Type
,如video/mp4
。kulphzqa4#
必须使用目标属性
xt0899hw5#
只需在标签
<a>
上使用target
target属性指定打开链接的位置。使用“_blank”将使您的浏览器打开一个新窗口/标签。
pvcm50d16#
按如下方式更改
<a>
标记:您可以在此处找到有关
target
属性的更多信息。kuuvgm7e7#
在Chrome上,这已经证明对我很有效。
nwwlzxa78#
试试这个,对我很有效。
<td><a href="Docs/Chapter 1_ORG.pdf" target="pdf-frame">Chapter-1 Organizational</a></td>
kmynzznz9#
唯一对我有效的是在提供PDF时设置这个服务器响应头:
内容处置:直列式
https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Disposition