在不打开新选项卡或更改当前选项卡视图的情况下下载 pdf

Question

我有一个从 api 电话收到的 pdf，我想在不打开新选项卡或在当前选项卡中打开 url 的情况下将文件下载到我的计算机上有开。 我知道这是一个经常被问到的问题，但我能找到的只是完成打开新选项卡或加载当前选项卡的示例。

我试过使用这样的标签：

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

这会下载当前 window 中的文件。

我也试过使用像这样的处理程序：

<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 可能会解决此问题。