如何正确显示合并后的PDF文件

当您尝试使用JavaScript合并多个Blob并显示合并后的PDF文件时，可能会遇到只显示最后一页内容的问题。这可能是因为您使用的PDF阅读器只显示最后一个Blob的内容。要正确显示合并后的PDF，您需要使用一个支持显示多个Blob的PDF阅读器。

示例

以下是一个示例，展示如何在网页上显示合并后的PDF：

const combinedBlob = new Blob(pdfBlobs, { type: 'application/pdf' });

const url = URL.createObjectURL(combinedBlob);

// 创建一个新的iframe元素，用于显示PDF
const iframe = document.createElement('iframe');
iframe.src = url;
iframe.style.width = '100%';
iframe.style.height = '100%';

// 将iframe添加到页面中
document.body.appendChild(iframe);

这将创建一个新的iframe元素并将其添加到页面中，然后使用URL.createObjectURL()方法为该iframe指定PDF的URL。这样就可以在页面上显示合并后的PDF了。

注意

不同的PDF阅读器可能对Blob的支持有所不同，因此，如果上述方法仍然无法正确显示PDF，请尝试使用其他PDF阅读器或查看文档以了解更多信息。