JavaScript中在新标签页下载文件

Question

我正在尝试通过点击下载按钮来下载文件，它应该在新标签页中开始下载，一旦下载开始，它将关闭标签页，基本上我不想对原始页面产生任何影响。这是我的当前代码：

const downloadHandler = (file) => {

    const a = document.createElement("a");
    a.href = file;
    a.setAttribute(`download`, file);
    a.click();
  };

- Saad Nasim Ullah

---

在链接上设置 target 为 _blank。如果是由 JavaScript 启动的，请使用 window.open。 - CherryDT

看这个问题，我认为你可以在不打开新页面的情况下完成它。 https://dev59.com/6Wgu5IYBdhLWcg3wDS0G - UnnamedXAer

Answer 1

<a href="https://yourlink.com" target="_blank" download>fileName</a>

这将在新标签页中打开HTML文件。

- Anhad Parashar

Answer 2

我建议使用下载属性进行下载，而不是使用jQuery：

<a href="your_link" download> file_name </a>

这将下载您的文件，而不打开它。

- sedhal

---

嗨@sedhal，感谢您的反馈，但是您能否看一下我的描述，我已经更新了它。 - Saad Nasim Ullah

为什么要在新标签页中下载文件，因为您可以在同一标签页中进行操作而无需重新加载页面。 - sedhal

开发人员提供的API不允许我在同一页中下载文件，它会在浏览器中打开文件。但是，如果我们能够强制下载文件而不是打开它，那也可以解决问题。 - Saad Nasim Ullah

请检查此示例是否适合您 > https://codepen.io/lolfail/pen/eXLpJd - sedhal