【问题标题】:Download PDF when it's a url当它是一个 URL 时下载 PDF
【发布时间】:2020-04-22 18:08:13
【问题描述】:

嘿,我遇到了一个问题,我正在尝试创建一个按钮来自动下载 pdf。我看到很多例子,它确实通过文件路径(根/文件夹/pdf)而不是通过 url 工作。

尝试这样做是因为我使用的是 wordpress guttenberg,并且希望更少的技术人员能够上传 pdf 网址。

pdf 网址 - https://www.w3.org/WAI/ER/tests/xhtml/testfiles/resources/pdf/dummy.pdf

<a class="btn"  href="<?php echo the_field('pdf_url') ?>" download ><span>Download PDF</span></a>

输出为

<a class="btn" href="https://www.w3.org/WAI/ER/tests/xhtml/testfiles/resources/pdf/dummy.pdf" download><span>Download PDF</span></a>

【问题讨论】:

  • URL 后面的download 的多余词是什么?
  • @Dave 它假设下载文件而不是链接到那个w3schools.com/tags/att_a_download.asp
  • 你能解释一下给定的 html 不是你想要的吗?如果您希望它充当按钮,您可以分享“btn”css吗?
  • 文件在同一台服务器上吗?从 w3schools 复制:* Chrome 65+ 和 Firefox 仅支持同源下载链接。

标签: javascript php html wordpress


【解决方案1】:

您需要使用“_target”属性在新标签中下载 PDF。

<a class="btn" href="https://www.w3.org/WAI/ER/tests/xhtml/testfiles/resources/pdf/dummy.pdf" target="_blank" download><span>Download PDF</span></a>

如果 PDF 仍未下载并在新选项卡中打开,请更改浏览器设置。访问此博客了解如何更改浏览器设置:How to change browser download settings for PDF files

【讨论】:

  • target="_blank" 可能是一个很好的后备选项,但在大多数情况下不是必需的
猜你喜欢
  • 1970-01-01
  • 2021-01-09
  • 1970-01-01
  • 1970-01-01
  • 2017-09-20
  • 2014-09-04
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多