JS - window.open blob 下载文件而不是在 Firefox 中打开新标签

Question

我有以下代码来获取 PDF 文件并在新选项卡中打开它：

$(document).on('click', '#downloadInvoice', function () {
    showLoader();
    $.ajax({
        type: 'POST',
        url: _baseUrl + 'orders/downloadinvoice/' + $(this).data('id'),
        xhrFields: {
            responseType: 'blob'
        },
        success: (response) => {
            const blob = new Blob([response], { type: 'application/pdf' }),
                  url  = window.URL.createObjectURL(blob)

            window.open(url);
        },
        error: () => {
            toastr.error('Error!');
        },
        complete: () => {
            hideLoader();
        }
    });
});

它在 Chrome 中按预期工作，但在 Firefox 中，它会自动下载文件，我必须在 Downloads 中查找它并手动打开它。

是 Firefox 阻止了新标签页的打开，还是我需要在我的代码中添加一些内容？奇怪的是，我在网上没有找到与此问题相关的任何内容。

Answer 1

使用window.open函数的第二个参数，设置为_blank：

window.open(url, '_blank');

window.open