Vue3 TypeScript 实现 PDF 转 Word、PDF 转图片、Word 转 PDF 案例

<template>
  <div>
    <h1>PDF 转 Word</h1>
    <input type="file" accept="application/pdf" @change="convertPdfToWord" />
    <h1>PDF 转图片</h1>
    <input type="file" accept="application/pdf" @change="convertPdfToImages" />
    <h1>Word 转 PDF</h1>
    <input type="file" accept=".doc,.docx" @change="convertWordToPdf" />
  </div>
</template>
<script lang="ts">
import { defineComponent } from 'vue';
import pdf2word from 'pdf2word';
import pdf2pic from 'pdf2pic';
import officegen from 'officegen';

export default defineComponent({
  methods: {
    async convertPdfToWord(event: Event) {
      const file = (event.target as HTMLInputElement).files[0];
      if (file) {
        const pdfData = new Uint8Array(await file.arrayBuffer());
        const wordData = await pdf2word(pdfData);
        const wordBlob = new Blob([wordData], { type: 'application/msword' });
        const wordUrl = URL.createObjectURL(wordBlob);
        window.open(wordUrl);
      }
    },
    async convertPdfToImages(event: Event) {
      const file = (event.target as HTMLInputElement).files[0];
      if (file) {
        const pdfData = new Uint8Array(await file.arrayBuffer());
        const pdf2picInstance = new pdf2pic({
          density: 100,
          savename: 'converted',
          savedir: './',
          format: 'png',
          size: '600x600',
        });
        const images = await pdf2picInstance.convertBuffer(pdfData);
        images.forEach((image: Buffer) => {
          const imageBlob = new Blob([image], { type: 'image/png' });
          const imageUrl = URL.createObjectURL(imageBlob);
          const img = new Image();
          img.src = imageUrl;
          document.body.appendChild(img);
        });
      }
    },
    async convertWordToPdf(event: Event) {
      const file = (event.target as HTMLInputElement).files[0];
      if (file) {
        const wordData = await file.arrayBuffer();
        const docx = officegen('docx');
        const buffer = docx.generate({ type: 'buffer' });
        const pdfBlob = new Blob([buffer], { type: 'application/pdf' });
        const pdfUrl = URL.createObjectURL(pdfBlob);
        window.open(pdfUrl);
      }
    },
  },
});
</script>
<p>该示例使用了以下第三方库：</p>
<ul>
<li>'pdf2word'：用于将 PDF 转换为 Word 文档。</li>
<li>'pdf2pic'：用于将 PDF 转换为图片。</li>
<li>'officegen'：用于将 Word 文档转换为 PDF。</li>
</ul>
<p>请确保在项目中安装这些库，并在代码中导入它们。另外，还需在项目中引入相应的样式文件和字体文件，以确保转换结果的正确显示。</p>
<p>以上代码为简单示例，实际使用中可能需要根据具体需求进行适当的调整和优化。</p>