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文件时出现问题
基础教程推荐
猜你喜欢
- 逻辑运算符 ||在 javascript 中,0 代表 Boolean false? 2022-01-01
- 在 Javascript 中使用 Fetch API 上传文件并显示进度 2022-01-01
- CORS:当凭据标志为真时,无法在 Access-Control-Allow-Origin 中使用通配符 2022-01-01
- 最佳动态 JavaScript/JQuery 网格 2022-01-01
- 从快速中间件中排除路由 2022-01-01
- 当木偶师打开Chrome时,不能使用Chrome扩展 2022-01-01
- 带角度的选项卡:仅使用 $http 在单击时加载选项卡 2022-01-01
- 即使每次插入第一个输入的值不同,第二个输入仍显示相同的输入值 2022-01-01
- HTML5 画布调整为父级 2022-01-01
- 使用 jQuery 在悬停时交换 DIV 类 2022-01-01
