摘要：
//选择图像返回的相对路径encoding:///encodingformat success:｛//成功回调constbase64=res.data；绘制画布以获取base64//获取图像awaitmy.getImageInfo的宽度和高度（｛src:success:async（res）=>；this.imgHeight=res.height/2.5；
最近使用uniapp涉及到一个上传图片的功能，原本看官方文档api觉得没问题，正常开发，
1. 首先微信端没问题
uni.getFileSystemManager().readFile({ filePath: url, //选择图片返回的相对路径 encoding: "base64", //编码格式 success: (res) => { //成功的回调 const base64 = res.data; }, });
2. 支付宝小程序出现了问题，真机ios上传图片获取不到base64
官方文档看了很多没用，也不知道是不是自己看漏了，查了很多资料，最后使用canvas解决了：
首先使用 chooseImage获取图片tempFiles
uni.chooseImage
获取图片宽高，绘制canvas得到base64 //获取图片的宽高
await my.getImageInfo({ src: imagePath, success: async (res) => { this.imgWidth = res.width / 2.5; this.imgHeight = res.height / 2.5; let canvas = my.createCanvasContext("canvas"); canvas.drawImage(imagePath, 0, 0, this.imgWidth, this.imgHeight); // 1. 绘制图片至canvas // 绘制完成后执行回调 canvas.draw(false, async () => { let base64 = await canvas.toDataURL({ this.imgWidth, height: this.imgHeight, quality: 1, }); this.base64 = base64;
base64 = base64.replace("data:image/png;base64,", ""); await this.uploadImageRequest(base64); }); }, });
这样，支付宝小程序ios真机获取base64就成功啦！