uniapp base64转pdf

实现 Base64 数据转换为 PDF 文件
在 UniApp 中处理 Base64 编码数据并将其保存为 PDF 文件涉及多个步骤。可以利用 JavaScript 的 FileSaver.js 库来简化这个过程，不过对于移动应用环境下的具体操作还需要考虑平台特性。
使用 Blob 对象创建 PDF 文件
通过将 Base64 字符串解码成二进制流再构建一个 Blob 对象，最后调用浏览器内置接口或第三方库完成下载动作。下面是一个简单的例子说明如何做到这一点：
function base64ToPdf(base64String, filename) {
const byteCharacters = atob(base64String.split(',')[1]);
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' });

if ('download' in document.createElement('a')) { // 非IE内核支持
const link = document.createElement('a');
link.href = URL.createObjectURL(blob);
link.download = `${filename}.pdf`;
link.click();
URL.revokeObjectURL(link.href); // 清除内存中的对象url
} else { // IE10+
navigator.msSaveBlob(blob, `${filename}.pdf`);
}
}
登录后复制
这段代码展示了怎样把 Base64 编码字符串转化为实际可读取的 PDF 文档，并提供给用户下载的功能[^1]。
结合 UniApp 平台特点优化方案
考虑到不同操作系统间可能存在差异，在开发过程中应当注意兼容性问题。比如 iOS 设备上可能无法直接触发 <a> 标签点击事件来进行文件下载；此时则需借助于 WebView 或者 Native API 来实现相同效果[^2]。
另外值得注意的是，当目标是在 App 移动端而非 Web 浏览器环境中运行时，上述方法并不完全适用。针对这种情况，建议采用如下策略之一：

使用原生组件：如果项目允许接入更多底层能力，则可以通过编写插件的方式访问设备自身的存储服务，从而绕过跨域限制等问题。

服务器辅助方式：先上传 Base64 数据至云端服务器，由后者负责解析生成最终版本的 PDF 文件后再返回链接供客户端下载[^3]。