如何使用 JavaScript/jQuery 在新选项卡或窗口中下载文件而不替换当前页面？

使用 JavaScript/jQuery 下载文件而不替换当前页面

问题：
如何在单独的目录中手动启动文件下载选项卡或窗口，同时避免使用下载的文件替换当前页面的默认行为JavaScript/jQuery？

解决方案：

要在新选项卡或窗口中下载文件而不中断当前页面：

使用不可见的 iframe:

此方法创建一个不可见的 iframe 并分配下载其 src 属性的 URL：

<iframe>

这会在后台触发下载。为了确保浏览器下载不可渲染的文件（例如 HTML、文本），服务器必须将文件的 MIME 类型设置为无意义的值，例如 application/x-please-download-me 或 application/octet-stream。

在新选项卡中打开 (jQuery)：

要在新选项卡中打开文件，请使用jQuery 将链接的 target 属性设置为 _blank 并在 href 属性中指定文件的 URL：

$('a#someID').attr({
  target: '_blank',
  href: 'http://localhost/directory/file.pdf'
});

单击链接时，文件将在新选项卡或窗口中下载，具体取决于浏览器的设置。

以上是如何使用 JavaScript/jQuery 在新选项卡或窗口中下载文件而不替换当前页面？的详细内容。更多信息请关注PHP中文网其他相关文章！