WPS加载项开发PDF文件处理工具：按指定页面的顺序重新排序pdf文件并下载到桌面

JS宏环境很多API用不了，想用完整的JavaScript功能还得是加载项。

需求：将一个pdf文件的页面按指定顺序重新排序。

比如原始索引是：[0, 1, 2, 3, 4, 5]

按指定索引顺序：[3, 0, 5, 4, 1, 2]

办法：读取pdf文件页面索引，然后将指定索引一页一页复制到新的pdf文件。这里用pdf-lib库可以很好的处理pdf文件。

工程文件在这里：

大致效果：

创建加载项的时候选择vue框架，在router/index.js添加路由后创建vue文件，安装pdf-lib包

代码如下：

<template>
    <div class="container">
        <h1>PDF页面复制工具</h1>
        <label for="pdf-upload">上传PDF文件：</label>
        <input type="file" id="pdf-upload" accept=".pdf" @change="onFileChange" />
        <label for="page-indices">输入页面索引（逗号分隔：0,2,4）：</label>
        <input type="text" id="page-indices" v-model="pageIndices" placeholder="0,2,4" />
        <button @click="copyPagesAndDownload" :disabled="!file">下载</button>
        <p v-if="error" class="error">{{ error }}</p>
    </div>
</template>
<script>
import { PDFDocument } from 'pdf-lib';

export default {
    data() {
        return {
            file: null,
            pageIndices: '',
            error: ''
        };
    },
    methods: {
        onFileChange(event) {
            this.file = event.target.files[0];
            this.error = '';
        },
        async copyPagesAndDownload() {
            if (!this.file) {
                this.error = '请选择PDF文件。';
                return;
            }

            const pageIndexStr = this.pageIndices.trim();
            if (!pageIndexStr) {
                this.error = '请输入要复制的页面索引。';
                return;
            }

            //解析页面索引
            const pageIndexes = pageIndexStr.split(',').map(page => {
                const index = parseInt(page.trim(), 10);
                if (isNaN(index) || index < 0) {
                    this.error = `无效的页面索引：${page}`;
                    return null;
                }
                return index;
            }).filter(index => index !== null);

            if (pageIndexes.length === 0) {
                this.error = '没有有效的页面索引。';
                return;
            }

            try {
                const arrayBuffer = await this.file.arrayBuffer();
                const pdfDoc = await PDFDocument.load(arrayBuffer);

                const newPdfDoc = await PDFDocument.create();

                for (const pageIndex of pageIndexes) {
                    if (pageIndex >= pdfDoc.getPageCount()) {
                        this.error = `PDF文件没有第 ${pageIndex + 1} 页。`;
                        break;
                    }
                    const [page] = await newPdfDoc.copyPages(pdfDoc, [pageIndex]);
                    newPdfDoc.addPage(page);
                }

                if (this.error) return;

                const pdfBytes = await newPdfDoc.save();
                const uint8Array = new Uint8Array(pdfBytes);
                let binaryString = '';
                for (let i = 0; i < uint8Array.length; i++) {
                    binaryString += String.fromCharCode(uint8Array[i]);
                }

                //WPS加载项FileSystem方法输出文件
                const userDesktop = Application.Env.GetDesktopPath() + '/newpdf.pdf';
                Application.FileSystem.writeAsBinaryString(userDesktop, binaryString);

            } catch (error) {
                console.error('处理PDF出错:', error);
                this.error = '处理PDF出错';
            }
        }
    }
};
</script>
<style scoped>
body{font-family:Arial,sans-serif;margin:40px}.container{max-width:600px;margin:auto}label{display:block;margin-top:15px}input[type="file"]{width:100%;padding:8px;margin-top:5px}input[type="text"]{width:100%;padding:8px;margin-top:5px}button{margin-top:20px;padding:10px 15px;font-size:16px}.error{color:red;margin-top:10px}
</style>