如何将JavaScript中的wx.arrayBufferToBase64方法改写为长尾关键词？

本文共计1910个文字，预计阅读时间需要8分钟。

目录+前言+探索失败的历程+卡壳的arrayBuffer转base64+关键点btoa的实现+修正结果+总结+前言+在小程序开发中，需要将接口请求获取的arrayBuffer数据转换为base64格式数据，进行图片的展示。

目录

• 前言
• 探索失败的过程
• 卡壳的arrayBuffer转base64
• 关键点btoa的实现
• 修成正果
• 总结

前言

在小程序开发中，需要将接口请求获得的arrayBuffer数据，转换为base64格式数据，进行图片的显示。

微信小程序提供了wx.arrayBufferToBase64方法，但很不幸，这个方法在基础库版本 2.4.0 起已废弃，已不推荐使用。

虽然目前即使小程序基础库版本为2.22.0，也能正常使用。但是不确定未来哪天，在更新的基础库中，该方法被删除。这样就会带来项目上的隐患。

所以需要自己去实现arrayBuffer转为base64这一过程。

探索失败的过程

• new FileReader()在小程序中无法进行使用。无法使用new FileReader()实例中的readAsDataURL方法将数据转为base64。如果不熟悉该方法，可以查看FileReader介绍
• URL.createObjectURL在小程序中无法使用。无法使用该方法将数据转为在内存中的地址，进而能被image标签进行引用。