我可以在 html2pdf 的当前或新选项卡中打开 pdf 而不是下载它（打开弹出窗口）答案

【问题标题】：can I open the pdf in current or new tab from html2pdf instead of downloading it (open pop up )我可以在 html2pdf 的当前或新选项卡中打开 pdf 而不是下载它（打开弹出窗口）
【发布时间】：2022-06-10 21:01:46
【问题描述】：

嗨所以我使用html2pdf创建了一个函数，它工作正常生成pdf并且可以毫无问题地下载它，但现在我希望该函数直接打开文件而不是打开浏览器弹出打开/保存文件

函数如下所示：

const download = () => {
    const element = document.getElementById("element-to-print");
    const opt = {
      filename: patientName + "_Report.pdf",
      image: { type: "jpeg", quality: 0.98 },
      html2canvas: { scale: 2 },
      jsPDF: { unit: "in", format: "a4", orientation: "landscape" },
    };

    // New Promise-based usage:
    html2pdf().set(opt).from(element).save();
   
  };

 
    }, []);

【问题讨论】：

如果您搜索 SO，您会发现数百个 similar questions 可能会有所帮助。如何打开 pdf 可能是 JavaScript 被问到的第二多问题。
主要问题是该功能将在 PWA 应用程序中使用。这就是为什么我需要它直接在 pdf 视图中打开而不是下载它。
基本上我需要弹出窗口（下载或打开方式）根本不显示，并且用户默认没有选择下载它

标签： javascript reactjs html2pdf

【解决方案1】：

而不是使用.save()，它将打开默认弹出窗口进行下载或打开使用jspdf 中的.output('dataurlnewwindow') 选项，女巫会在新标签页中打开pdf。

【讨论】：