如何将多个表单PDF填充数据后合并为一个PDF文件？

福昕PDF SDK 软件开发工具包 > 福昕PDF SDK(Web)

标签:
合并,数据填充,表单

如何将多个表单PDF填充数据后合并为一个PDF文件？

福昕知识库
2025-12-30

var fileUrlList = ["./file1.pdf", "./file2.pdf", "./file3.pdf"];
var xmlUrlList = ["./file1.xml", "./file2.xml", "./file3.xml"];
var xmlDataList = [];

//将xmlUrlList中的xml文件地址逐一取出，并获取对应的xml数据，依次存入xmlDataList数组中，index索引从0开始
function generateXmlDataArray(xmlUrlList, index) {
    console.log(xmlUrlList.length);
    if (index > xmlUrlList.length - 1) {
        return console.log("Finished");
    }

    fetch(xmlUrlList[index])
        .then(response => {
            if (!response.ok) {
                throw new Error(`HTTP error! status: ${response.status}`);
            }
            return response.arrayBuffer();
        })
        .then(array_buffer => {
            xmlDataList[index] = array_buffer;
            console.log(array_buffer);

            index++;
            generateXmlDataArray(xmlUrlList, index);
        })
        .catch(error => console.error('There has been a problem with your fetch operation:', error));
}
var curDoc,pageCnt1,pageCnt2;
//将文件列表中的所有PDF，按照数组索引从大到小，依次进行合并
function mergePdfFiles(fileUrlList,xmlDataList,index){
    // console.log(fileUrlList.length);
    if(index > fileUrlList.length-1){
        // pdfui.reopenPDFDoc(cccDoc);
        return console.log("Finished");
    }

    pdfui.loadPDFDocByHttpRangeRequest({
        range: {
            url: fileUrlList[index]
        }
    }).then(pdfdoc => {
        pdfdoc.loadPDFForm();
        pdfdoc.importFormFromFile(xmlDataList[index], PDF.constant.File_Type.xml);
        pdfdoc.flatten(1).then(ret =>{
            console.log(`file ${index} flattened.`);
            if(index == 0){
                pdfui.reopenPDFDoc(pdfdoc).then(newDoc =>{
                    cccDoc = newDoc;
                    // pageCnt1 = cccDoc.getPageCount();

                    index++;
                    openDocsArray(fileUrlList,xmlDataList,index)
                });
            }else{
                pdfdoc.getFile().then(fileStream =>{
                    console.log(fileStream);
                    pageCnt1 = cccDoc.getPageCount();
                    pageCnt2 = pdfdoc.getPageCount();
                    console.log(pageCnt1,pageCnt2);

                    cccDoc.insertPages({
                        destIndex: Number(pageCnt1),
                        file: fileStream,
                        // password: '',
                        // flags: 0,
                        // layerName: 'layerName',
                        startIndex: 0,
                        endIndex: Number(pageCnt2)
                    }).then(pageArray =>{
                        index++;
                        openDocsArray(fileUrlList,xmlDataList,index);
                    });
                })
            }
        });

    });
}

验证：

generateXmlDataArray(xmlUrlList, 0)
mergePdfFiles(fileUrlList,xmlDataList,0)

福昕高级PDF编辑器如何实现直接将文档合并同时保留签章外观

福昕高级PDF编辑器如何实现仅文档指定区域可编辑

福昕高级PDF编辑器如何实现直接将文档合并同时保留签章外观

福昕高级PDF编辑器如何实现仅文档指定区域可编辑

福昕高级PDF编辑器如何实现本地备份文档

福昕高级PDF编辑器如何将文档保存为快速网页视图

福昕高级PDF编辑器Mac版如何使用FCT配置工具集成授权

另存选项取消勾选

动作向导批量加密文档并保存

动作向导批量转换文档并保存

新功能：PDF如何打马赛克？

Web SDK 11 版本获取本机字体弹窗相关操作指南

福昕高级PDF编辑器如何实现直接将文档合并同时保留签章外观

福昕高级PDF编辑器如何实现仅文档指定区域可编辑

福昕高级PDF编辑器如何实现本地备份文档

福昕高级PDF编辑器如何将文档保存为快速网页视图

福昕高级PDF编辑器Mac版如何使用FCT配置工具集成授权

另存选项取消勾选

动作向导批量加密文档并保存

动作向导批量转换文档并保存

新功能：PDF如何打马赛克？

Web SDK 11 版本获取本机字体弹窗相关操作指南