js iframe拼接多个blob的pdf打印在一起
要在一个iframe中拼接多个Blob的PDF,可以使用以下步骤:
- 创建一个空的Blob数组,用于存储所有的PDF Blob。
- 使用
fetch()函数或其他方法获取每个PDF的Blob数据,并将其添加到Blob数组中。 - 使用
URL.createObjectURL()函数将Blob数组转换为URL。 - 创建一个iframe元素,并将其src属性设置为Blob数组的URL。
- 将iframe添加到DOM中。
以下是一个示例代码:
// 创建空的Blob数组
var blobs = [];
// 获取第一个PDF的Blob数据
fetch('url_to_first_pdf').then(function(response) {
return response.blob();
}).then(function(blob) {
blobs.push(blob);
// 获取第二个PDF的Blob数据
fetch('url_to_second_pdf').then(function(response) {
return response.blob();
}).then(function(blob) {
blobs.push(blob);
// 将Blob数组转换为URL
var blobUrl = URL.createObjectURL(new Blob(blobs, { type: 'application/pdf' }));
// 创建iframe并设置src属性
var iframe = document.createElement('iframe');
iframe.src = blobUrl;
// 添加iframe到DOM中
document.body.appendChild(iframe);
});
});
注意:在实际使用中,你可能需要根据自己的需求来修改代码,比如使用循环来处理多个PDF Blob的获取和拼接
原文地址: http://www.cveoy.top/t/topic/istp 著作权归作者所有。请勿转载和采集!