在新窗口中打开 PDF 并在 Firefox 中打印

发布于 2025-01-16 22:57:55 字数 571 浏览 2 评论 0原文

我正在使用 Vue3.js。我需要在新窗口中打开 PDF，然后打开打印对话框，但这仅适用于 MS Edge 和 Google Chrome，但不适用于 Firefox 或 Safari。

    const getBlobPdf = async (url: string) => {
      const response = await axios.get(url, { responseType: "blob" });
      return new Blob([response.data], { type: "application/pdf" });
    };

    const printPdf = async ({ url }) => {
      const blob = await getBlobPdf(url);
      window.open(URL.createObjectURL(blob), "_blank")?.print();
    };

我尝试过 window.focus(); window.print(); 但没有工作。

原文

I am using Vue3.js. I need to open a PDF in a new window, then open the print dialog but this only works on MS Edge and Google Chrome, but does not work on Firefox or Safari.

    const getBlobPdf = async (url: string) => {
      const response = await axios.get(url, { responseType: "blob" });
      return new Blob([response.data], { type: "application/pdf" });
    };

    const printPdf = async ({ url }) => {
      const blob = await getBlobPdf(url);
      window.open(URL.createObjectURL(blob), "_blank")?.print();
    };

I had tried window.focus(); window.print(); but didn't work.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

梦幻的味道 2025-01-23 22:57:55

我找到了一种让它在 Firefox 和 Safari 上运行的方法。但我不知道是否还有另一种不使用 setTimeout() 的方法

const printPdf = async ({ url }) => {
      const blob = await getBlobPdf(url);
      const printWin = window.open(URL.createObjectURL(blob), "_blank");
      if (printWin) {
        setTimeout(() => {
          printWin.print();
        }, 200);
      }
    };

I found a way to make it work on Firefox and Safari. But I don't know if there is another way without using setTimeout()

const printPdf = async ({ url }) => {
      const blob = await getBlobPdf(url);
      const printWin = window.open(URL.createObjectURL(blob), "_blank");
      if (printWin) {
        setTimeout(() => {
          printWin.print();
        }, 200);
      }
    };

回复收藏 0 原文

~没有更多了~