欢迎来到尧图网

客户服务 关于我们

您的位置:首页 > 科技 > 名人名企 > SpringBoot+Vue实现Base64编码的PDF数据文件下载

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

2025/2/23 7:17:41 来源:https://blog.csdn.net/YYBDESHIJIE/article/details/141824891  浏览:    关键词:SpringBoot+Vue实现Base64编码的PDF数据文件下载

1、后端代码

    public class ElectronicCertificatePDF implements Serializable {private static final long serialVersionUID = -7720573049583138567L;// xxxx.pdfprivate 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.pdfbase64PDF: '', // 替换为你的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转换blobbase64ToArrayBuffer(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;}}
}

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com

热搜词