在不打开新标签或更改当前标签视图的情况下下载 pdf

Question

我有一个从 api 调用收到的 pdf，我想完成将文件下载到我的计算机，而无需打开新选项卡或在我打开的当前选项卡中打开 url。 我知道这是一个经常被问到的问题，但我能找到的只是完成打开新标签或加载当前标签的示例。

我尝试过使用如下标签：

         <Button
              className="save-sign-note"
            >
              <a href={pdfURL} download={`${props.visitType}`}>
              Download and Next <RightArrow /> 
              </a>
            </Button>

这会在当前窗口中下载文件。

我也尝试过使用类似的处理程序：

<Button
onClick={() => DowloadAndNext()}
>...

const DowloadAndNext = () => {
     window.location.href = pdfURL;
  };

和

<Button
onClick={() => DowloadAndNext()}
>...

const DowloadAndNext = () => {
    const url = pdfURL;
    const link = document.createElement("a");
    link.href = url;
    link.setAttribute("download", "file.pdf");
    document.body.appendChild(link);
    link.click();
  };

但我每次都得到相同的结果。任何帮助都会很棒，因为我是开发前端的新手。

Answer 1

对于 pdf 下载，您无法从您的网站进行控制。这是下载 PDF 时的浏览器设置行为。将默认 pdf 软件更改为 Adob​​e reader 而不是 edge 可能会解决此问题。