javascript - 单击按钮时强制下载pdf

Question

我有一个 backbonejs View ，其中包含一个按钮，上面写着“下载 pdf”。我还有可以找到 pdf 的网址。我希望当用户点击按钮时，pdf 文件被下载。可能吗？

编辑:我在 backbone.js 中的 View 代码

savendownload: function () {
  this.$("#saveanddownload").button('loading');

  var that = this;
  var formData = this.fetchData();
  if (formData) window.invoices.create({
    buyer: formData.buyer,
    items: formData.items,
    company: formData.company,
    action: "savendownload"
  }, {
    wait: true,
    success: function (model) {
      var data = model.toJSON();

      var filename = data.filename;
      //download code here
    }
  });
}

Answer 1

不要使用按钮，使用链接并将 href 属性设置为 PDF 文件的 URL。浏览器将为您处理文件下载，尊重用户的浏览器首选项。

<a href="your/file.pdf" />

如果您需要使链接看起来像一个按钮，您可以使用 CSS 设置样式。参见例如这个 SO thread .

编辑:据我所知，您无法可靠地从 javascript 初始化文件下载。您可以做的是使用您的 pdf URL 打开一个新窗口/标签:

window.open("http://domain.com/document.pdf",'_blank');

但是用户的浏览器可以阻止创建新窗口。您可能只想生成一个下载链接:

$('<a>Click here to download PDF</a>').attr('href', filename).appendTo(that.$el);

并让用户单击链接以启动文件下载。