html 打开新选项卡以读取PDF文件

dly7yett  于 2022-12-16  发布在  其他
关注(0)|答案(9)|浏览(171)

我可能错过了一些简单的东西在这里,但我会问无论如何。我已经做了一个链接打开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>
63lcw9qa

63lcw9qa1#

<a href="newsletter_01.pdf" target="_blank">Read more</a>

Target _blank将强制浏览器在新窗口中打开它

72qzrwbm

72qzrwbm2#

正如其他人所指出的,这可以奏效:

<a href="newsletter_01.pdf" target="_blank">Read more</a>

但没有人指出的是,它不能保证工作
无法强制用户的浏览器在新选项卡中打开PDF文件。根据用户的浏览器设置,即使使用target="_blank",浏览器也可能以下列方式作出React:
1.要求采取行动
1.在Adobe Acrobat中打开
1.只需将文件直接下载到他们的计算机
看看Firefox的设置,例如:

Chrome也有类似的设置:

如果用户在遇到PDF时在其浏览器设置中选择了“保存文件”,则您无法覆盖它。

huus2vyu

huus2vyu3#

单独使用_blank无法确保文件在新选项卡中打开。文件请求的响应标头应包含Content-Type : application/pdf
尝试这个link,它将在新选项卡中打开文件,因为服务器提供所需的头文件。
其他文件类型也是如此。例如:视频文件获取请求应具有正确的Content-Type,如video/mp4

kulphzqa

kulphzqa4#

必须使用目标属性

<a href="newsletter_01.pdf" target="_blank">
xt0899hw

xt0899hw5#

只需在标签<a>上使用target

<a href="newsletter_01.pdf" target="_blank">Read more</a>

target属性指定打开链接的位置。使用“_blank”将使您的浏览器打开一个新窗口/标签。

pvcm50d1

pvcm50d16#

按如下方式更改<a>标记:

<a href="newsletter_01.pdf" target="_blank">

您可以在此处找到有关target属性的更多信息。

kuuvgm7e

kuuvgm7e7#

在Chrome上,这已经证明对我很有效。

<a href="newsletter_01.pdf" target="_new">Read more</a>
nwwlzxa7

nwwlzxa78#

试试这个,对我很有效。
<td><a href="Docs/Chapter 1_ORG.pdf" target="pdf-frame">Chapter-1 Organizational</a></td>

kmynzznz

kmynzznz9#

唯一对我有效的是在提供PDF时设置这个服务器响应头:
内容处置:直列式
https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Disposition

相关问题