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