vue 将base64 转化为pdf

你可以使用 FileSaver.js 库和 pdf.js 库来将 base64 字符串转换为 PDF 文件并下载。

首先，在你的 Vue 项目中安装这两个库：

npm install file-saver pdfjs-dist

然后，在你的组件中引入它们：

import { saveAs } from 'file-saver';
import pdfjsLib from 'pdfjs-dist';

接下来，你需要编写一个函数来将 base64 字符串转换为 Blob 对象和 PDF 文件。这个函数将使用 pdf.js 将 Blob 对象转换为 PDF 文件，并使用 FileSaver.js 下载它：

methods: {
  downloadPDF(base64String, fileName) {
    const byteCharacters = atob(base64String);
    const byteNumbers = new Array(byteCharacters.length);
    for (let i = 0; i < byteCharacters.length; i++) {
      byteNumbers[i] = byteCharacters.charCodeAt(i);
    }
    const byteArray = new Uint8Array(byteNumbers);
    const blob = new Blob([byteArray], { type: 'application/pdf' });

    pdfjsLib.getDocument({ data: byteArray }).promise.then(pdf => {
      pdf.getPage(1).then(page => {
        const scale = 1.5;
        const viewport = page.getViewport({ scale });
        const canvas = document.createElement('canvas');
        const canvasContext = canvas.getContext('2d');
        canvas.height = viewport.height;
        canvas.width = viewport.width;

        const renderContext = {
          canvasContext,
          viewport,
        };
        page.render(renderContext).promise.then(() => {
          canvas.toBlob(blob => {
            saveAs(blob, fileName);
          }, 'image/png');
        });
      });
    });
  },
},

最后，当你需要下载 base64 字符串对应的 PDF 文件时，只需调用 `downloadPDF` 函数：

this.downloadPDF('your_base64_string_here', 'your_file_name_here.pdf');

这样，你就可以将 base64 字符串转换为 PDF 文件并下载了。