在浏览器页面中禁用PDF加载

Question

我开发了一个网络应用程序（nodewebkit），我有一个“链接”到pdf文档的链接：

<div id="container">
  <a href="path/document.pdf"></a>
</div>

我注意到在某些计算机上，当用户点击链接时，浏览器建议下载该文件。在其他情况下，浏览器在页面内显示pdf。

如何在所有浏览器上获得相同的行为？我需要下载选项！

我想我要防止默认行为：

$('container').on('click', 'a', function(e) {
   e.preventDefault();
   ...
});

Answer 1

您可以使用HTML5下载属性，如下所示：

  <a href="path/document.pdf" download> Click to download</a>

这将打开＆＃34;另存为＆＃34;无论文件类型如何，都不会将您带离页面。