SpringBoot+Vue实现Base64编码的PDF数据文件下载

1、后端代码

    
 public class ElectronicCertificatePDF implements Serializable {
    private static final long serialVersionUID = -7720573049583138567L;
    // xxxx.pdf
    private String fileName;
    // 将获取到base64编码过的的字符串返回给前端就行
    private String base64Data;

    public String getFileName() {
        return fileName;
    }

    public void setFileName(String fileName) {
        this.fileName = fileName;
    }

    public String getBase64Data() {
        return base64Data;
    }

    public void setBase64Data(String base64Data) {
        this.base64Data = base64Data;
    }
}

2、前端代码：

export default {
    data() {
        return {
            fileName:'',   // 替换为你的文件名:xxxxx.pdf
            base64PDF: '', // 替换为你的Base64编码过的字符串数据
        }
    },
    methods: {
        // 下载方法
        download(){
            // 创建a标签
            const link = document.createElement("a");
            // 获取数据量
            const blob = new Blob([this.base64ToArrayBuffer(this.base64PDF)]); 
            // 下载文件
            const objectUrl = URL.createObjectURL(blob);
            link.href = objectUrl;
            link.setAttribute("download", this.fileName);
            link.click(); 
            URL.revokeObjectURL(objectUrl);
        },

        // base64转换blob
        base64ToArrayBuffer(base64) {
          var bloBString = window.atob(base64);
          var bloBLen = bloBString .length;
          var bytes = new Uint8Array(bloBLen);
            for (var i = 0; i < bloBLen; i++) {
                var ascii = bloBString .charCodeAt(i);
                bytes[i] = ascii;
            }
          return bytes;
        }
  }
}