Javascript 从url下载PDF

我在谷歌云存储中有一个可公开访问的PDF url。我希望能够在react中创建一个按钮/链接，允许用户将此PDF下载到自己的计算机上。我想知道做这件事的最佳方法是什么，哪些库会有所帮助？有关于这方面的文件吗？谢谢

为了强制下载文件，您有很多选择。首先，最简单的方法是使用锚定标记的

download

属性：

<a href="foo.pdf" download target="_blank">PDF</a>

---

您可以动态生成链接或按钮。下面是代码片段：

var sampleBytes = new Int8Array(4096); // In your case it should be your file

var saveByteArray = (function () {
  var a = document.createElement("a");
  document.body.appendChild(a);
  a.style = "display: none";

  return function (data, name) {
    var blob = new Blob(data, {type: "octet/stream"}), // or application/pdf
        url = window.URL.createObjectURL(blob);
    a.href = url;
    a.download = name;
    a.click();
    window.URL.revokeObjectURL(url);
  };
}());

saveByteArray([sampleBytes], 'example.txt'); // You can define the filename

---

也许我忽略了这个问题-你有没有尝试过常规的

我在这里尝试了答案：但它只是打开了一个包含该文件的选项卡。我试图允许用户在单击时将文件下载到他们的计算机。我使用chromeIn是为了获得更好的帮助，您的问题应该明确显示您尝试了哪些不符合预期的方法。我在chrome中尝试了以下示例：“download target=“\u blank“>PDF但是它仍然只是在新选项卡中打开PDF，并且没有下载到用户的计算机。我不确定这是什么问题-您可以在此处看到这一点：。我尝试了您的示例，但它不会下载。可能是浏览器的差异。你使用哪种浏览器？
var sampleBytes = new Int8Array(4096); // In your case it should be your file

var saveByteArray = (function () {
  var a = document.createElement("a");
  document.body.appendChild(a);
  a.style = "display: none";

  return function (data, name) {
    var blob = new Blob(data, {type: "octet/stream"}), // or application/pdf
        url = window.URL.createObjectURL(blob);
    a.href = url;
    a.download = name;
    a.click();
    window.URL.revokeObjectURL(url);
  };
}());

saveByteArray([sampleBytes], 'example.txt'); // You can define the filename