Vue3实现word转成pdf代码的方法

<template>
  <div>
    <input type="file" ref="fileInput" @change="onFileChange" accept=".doc,.docx">
    <button @click="convertToPDF">转换为PDF</button>
  </div>
</template>
<script>
export default {
  methods: {
    onFileChange(event) {
      // 处理文件上传逻辑
      const file = event.target.files[0];
      // 将上传的文件保存在组件的data中，便于后续发送到后端
      this.file = file;
    },
    async convertToPDF() {
      // 调用后端API，将Word文档转换为PDF
      try {
        const formData = new FormData();
        formData.append("wordFile", this.file);
        // 使用axios或其他库发送POST请求到后端API
        const response = await axios.post("/api/convert-to-pdf", formData);
        // 在这里可以根据需要处理后端返回的数据
        // 例如，可以提供下载链接给用户，或者直接在页面上显示PDF文件
        console.log(response.data);
      } catch (error) {
        console.error("转换失败：", error);
      }
    },
  },
  data() {
    return {
      file: null, // 用于存储上传的Word文件
    };
  },
};
</script>

const express = require("express");
const app = express();
const multer = require("multer");
const fs = require("fs");
const Docxtemplater = require("docxtemplater");
const PDFDocument = require("pdfkit");
// 配置文件上传
const upload = multer({ dest: "uploads/" });
// 处理上传的Word文档并转换为PDF
app.post("/api/convert-to-pdf", upload.single("wordFile"), (req, res) => {
  try {
    const wordFilePath = req.file.path;
    const pdfFilePath = wordFilePath.replace(/\.\w+$/, ".pdf");
    // 使用docxtemplater解析Word文档内容
    const content = fs.readFileSync(wordFilePath, "binary");
    const doc = new Docxtemplater();
    doc.load(content);
    doc.setData({ /* 数据对象 */ });
    doc.render();
    // 生成PDF
    const pdfDoc = new PDFDocument();
    const pdfStream = fs.createWriteStream(pdfFilePath);
    pdfDoc.pipe(pdfStream);
    pdfDoc.text(doc.getZip().generate({ type: "nodebuffer" }));
    pdfDoc.end();
    // 返回PDF文件路径或URL给前端
    res.json({ pdfUrl: `/api/download-pdf/${req.file.filename}` });
  } catch (error) {
    console.error("转换失败：", error);
    res.status(500).json({ error: "转换失败" });
  }
});
// 提供下载PDF的API
app.get("/api/download-pdf/:filename", (req, res) => {
  const pdfFilePath = `uploads/${req.params.filename}.pdf`;
  // 在实际项目中可能需要增加安全性检查，例如检查文件是否存在等
  res.download(pdfFilePath, "converted.pdf");
});
app.listen(3000, () => {
  console.log("Server running on http://localhost:3000");
});