uniapp二进制数据保存到相册

### UniApp 中保存二进制数据到相册的方法 在 UniApp 开发环境中，如果需要将二进制数据（如 Base64 编码的图片或其他形式的数据）保存到设备相册，可以通过以下几种方式进行实现。 #### 方法一：通过 `uni.saveImageToPhotosAlbum` 和 Base64 转换 对于 Base64 数据，可以直接将其转换为可识别的文件路径后再执行保存操作。以下是具体实现： ```javascript function saveBase64ToAlbum(base64Data) { const tempFilePath = `${wx.env.USER_DATA_PATH}/temp.png`; // 创建临时文件路径 wx.getFileSystemManager().writeFile({ filePath: tempFilePath, data: base64Data.replace(/^data:image\/\w+;base64,/, ""), // 去掉 Base64 的头部信息 encoding: "base64", success() { uni.saveImageToPhotosAlbum({ filePath: tempFilePath, success(res) { console.log("图片已保存到相册", res); uni.showToast({ title: "保存成功", icon: "success" }); }, fail(err) { console.error("保存失败", err); uni.showToast({ title: "保存失败", icon: "none" }); } }); }, fail(err) { console.error("写入文件失败", err); uni.showToast({ title: "写入文件失败", icon: "none" }); } }); } ``` 此方法适用于 H5 或微信小程序环境下的 Base64 数据处理[^1]。 --- #### 方法二：针对 App 端使用 Plus API 处理二进制流 如果是运行于 App 端，则可以利用 `plus.nativeObj.Bitmap` 来加载和保存二进制数据。这种方式更适合处理大尺寸图像或复杂场景。 ```javascript function saveBinaryToAlbum(binaryData) { const bitmap = new plus.nativeObj.Bitmap(); bitmap.loadBase64Data( binaryData, () => { const url = `_doc/${new Date().getTime()}.png`; bitmap.save(url, {}, (i) => { uni.saveImageToPhotosAlbum({ filePath: url, success() { console.log("图片已保存到相册"); uni.showToast({ title: "保存成功", icon: "success" }); bitmap.clear(); // 清除 Bitmap 对象释放内存 }, fail(err) { console.error("保存失败", err); uni.showToast({ title: "保存失败", icon: "none" }); } }); }, (e) => { console.error("保存失败", e); bitmap.clear(); }); }, (e) => { console.error("加载 Base64 数据失败", e); bitmap.clear(); } ); } ``` 该方法依赖于 `plus` 插件，因此仅限于 App 平台下使用[^3]。 --- #### 方法三：借助插件生成二维码并保存 当涉及到动态生成二维码时，可以结合第三方库（如 uQRcode）来完成图片生成与保存功能。以下是基于插件的具体流程： 1. 使用插件生成二维码； 2. 将生成的二维码路径绑定到 `<image>` 组件； 3. 用户触发按钮事件后调用保存接口。 代码示例如下： ```html <view> <image :src="qrCodePath"></image> <!-- 显示二维码 --> <button @click="saveQrCode">保存二维码</button> </view> <script> export default { data() { return { qrCodePath: "" // 存储二维码路径 }; }, methods: { generateQrCode(text) { uQRcode.generate({ text: text, // 输入文字内容 canvasId: "myCanvas", // Canvas ID size: 300, // 定义大小 margin: 10, // 边距 callback: (res) => { this.qrCodePath = res.tempFilePath; } }); }, saveQrCode() { if (!this.qrCodePath) { uni.showToast({ title: "尚未生成二维码", icon: "none" }); return; } uni.saveImageToPhotosAlbum({ filePath: this.qrCodePath, success() { uni.showToast({ title: "保存成功", icon: "success" }); }, fail() { uni.showToast({ title: "保存失败", icon: "none" }); } }); } } }; </script> ``` 这种方法适合用于生成静态二维码并提供给用户下载的功能需求[^4]。 --- #### 总结 以上三种方案分别对应不同平台和技术栈的需求： - **H5/小程序**：推荐使用 `uni.saveImageToPhotosAlbum` 结合 Base64 文件写入。 - **App 端**：优先考虑 `plus.nativeObj.Bitmap` 提供更高效的性能支持。 - **动态二维码生成**：集成插件工具简化开发过程。 每种方式均需注意权限管理以及跨平台兼容性测试。 ---