vue展示base64之后的pdf

在Vue.js应用中，如果你想展示Base64编码的PDF文件，通常会涉及到将Base64字符串转换为Blob对象，然后再转换成URL可以加载的内容。以下是一个简单的步骤：

1. 获取Base64 PDF数据：

let base64PDF = 'your_base64_encoded_pdf_string';

2. 转换为Blob对象：

const blob = atob(base64PDF.split(',')[1]); // 去掉头部的"data:application/pdf;base64,"
const mime = 'application/pdf'; // MIME类型
const arrayBuffer = new Uint8Array(blob.length);
for (let i = 0; i < blob.length; i++) {
    arrayBuffer[i] = blob.charCodeAt(i);
}
const blobObject = new Blob([arrayBuffer], { type: mime });

3. 创建URL并展示PDF：

// 使用FileReader API创建一个URL
const urlCreator = window.URL || window.webkitURL;
const url = urlCreator.createObjectURL(blobObject);

// 创建一个可点击的元素显示PDF，例如`<a>`标签或`<iframe>`
const pdfLink = document.createElement('a');
pdfLink.href = url;
pdfLink.download = 'filename.pdf'; // 可选，用于下载
document.body.appendChild(pdfLink); // 或者使用其他适合的DOM容器

// 如果你想预览而不是下载，可以考虑使用第三方库如vue-pdfjs-renderer
// https://github.com/mozilla/pdf.js/tree/main/examples/vue