Issue while printing pdf files from Blob angular(从Blob角度打印pdf文件时出现问题)
本文介绍了从Blob角度打印pdf文件时出现问题的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我有一个API,它以
格式返回数据{ fileName: string, blob: Blob }[]
我想打印所有这些文件,所以我使用
_files.forEach((_fileInfo) => {
const blobUrl = URL.createObjectURL(_fileInfo.blob);
const oWindow = window.open(blobUrl, "print");
oWindow.print();
oWindow.close();
});
这将打开多个打印窗口,但在预览中显示空白文档。
但是,当我以zip格式下载所有这些文件时,它会下载正确的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);
}
});
可能有什么问题,
是否可以在不打开多个窗口的情况下按顺序打印所有文档?
推荐答案
加载文件需要时间,这就是它显示空白文档的原因,所以我使用print-js来解决此问题。
如何导入
import * as printJS from "print-js";
如何使用
const blobUrl = URL.createObjectURL(_fileInfo.blob);
printJS(blobUrl);
这篇关于从Blob角度打印pdf文件时出现问题的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!
织梦狗教程
本文标题为:从Blob角度打印pdf文件时出现问题
基础教程推荐
猜你喜欢
- Fabric JS绘制具有活动形状的多边形 2022-01-01
- 在 contenteditable 中精确拖放 2022-01-01
- 如何添加到目前为止的天数? 2022-01-01
- 即使用户允许,Gmail 也会隐藏外部电子邮件图片 2022-01-01
- Bootstrap 模态出现在背景下 2022-01-01
- 检查 HTML5 拖放文件类型 2022-01-01
- Bokeh Div文本对齐 2022-01-01
- 原生拖动事件后如何获取 mouseup 事件? 2022-01-01
- npm start 错误与 create-react-app 2022-01-01
- fetch 是否支持原生多文件上传? 2022-01-01
