下载 pdf 文件的按钮答案

【问题标题】：Button to Download a pdf file下载 pdf 文件的按钮
【发布时间】：2015-11-11 04:18:54
【问题描述】：

我有一个 HTML 按钮，我希望它通过按下它来下载 pdf 文件。谢谢

       <div class="columns download">
          <p>
             <a href="images/Portfolio.pdf" class="button"><i class="fa fa-download"></i>Download CV</a>
          </p>
       </div>

【问题讨论】：

试试这个..w3schools.com/tags/att_a_download.asp
还有 fyi，默认浏览器会下载 pdf 文件，如果您提供 <a> 链接，并且如果默认启用 pdf 查看器，浏览器将显示 pdf。
你有什么问题？
当我按下按钮时，它会转到一个新页面，其中包含在线 pdf。我不想要那个！我要下载...

标签： html pdf button download

【解决方案1】：

 <div class="columns download">
          <p>
             <a href="images/Portfolio.pdf" class="button" download><i class="fa fa-download"></i>Download CV</a>
          </p>
       </div>

【讨论】：

【解决方案2】：

这样做的方法是将按钮嵌入到标签链接中。

<a href="./abcf32x.pdf" download="How-to-download-file.pdf">
    <button>Download File</button>
</a>

【讨论】：

锚点内的按钮 HTML5 无效：stackoverflow.com/a/6393863/7903952
此时它仅在按钮位于
内时才会失败，因此在操作上它不会在任何地方都被视为无效

【解决方案3】：

<p>    
    <a href="files/document.pdf" class="button">
       <i class="fa fa-download"></i>
          Download CV
    </a>
</p>

【讨论】：