如何在不在浏览器ReactJs中打开的情况下自动从url下载pdf

Question

在后端创建完 pdf 文档并在前端返回一个 url 后，我试图创建一个自动下载。 我不希望文档从 url 在浏览器中打开，而是自动开始下载。

我尝试使用 href 和下载属性在 DOM 中创建一个假的 <a> 链接然后下载，但是当尝试操作 click() 时它在浏览器中打开了文档。 这就是我现在拥有的，但它下载了一个打开时失败的 pdf 文档。

const file = new Blob([res.data], { type: 'application/pdf' })

const fileURL = URL.createObjectURL(file);

const link = document.createElement('a');

link.href = fileURL;

link.download = "FileName.pdf";

link.click();

Answer 1

使用这个 NPM 包FileSaver.Js

阅读官方文档，它解释了如何在您的 javascript 应用程序中安装和实现下载文件选项。