从Blob angular打印pdf文件时出现问题

Question

我有一个Api，它以以下格式返回数据

{ fileName: string, blob: Blob }[]

我想打印所有这些文件，所以我使用

_files.forEach((_fileInfo) => {
      const blobUrl = URL.createObjectURL(_fileInfo.blob);
      const oWindow = window.open(blobUrl, "print");
      oWindow.print();
      oWindow.close();
});

这会打开多个打印窗口，但在预览中会显示空白文档。

但是当我下载所有这些文件时，它会下载正确的PDF文件。

// add files to zip
files.forEach((_fileInfo) => {
    zip.file(_fileInfo.fileName, _fileInfo.blob);
});

// download and save
return zip.generateAsync({ type: "blob" }).then((content) => {
    if (content) {
        return saveAs(content, name);
    }
});

>

可能是什么问题，

有什么方法可以不打开多个窗口，按顺序打印所有文档？

Answer 1

如果您不想使用printJS

我面临同样的问题，但在我的情况下，我一次只需要处理一个文件。我通过将打印函数放在超时块中解决了这个问题，因此在您的情况下

        setTimeout(function(){
            oWindow.print();
        }, 1000)

如果这很好，如果不是，那么您可能还需要将窗口的源设置为您创建的“blobUrl”。这应该在你退出循环后完成。

Answer 2

pdf文件需要时间来加载，这就是为什么它显示空白文档，所以我使用print-js来解决这个问题。

如何导入

import * as printJS from "print-js";

如何使用

const blobUrl = URL.createObjectURL(_fileInfo.blob);
printJS(blobUrl);