开发过程中遇到需要将本地图片编码成base64的场景,怕忘记了,所以留个记录。
方法一:
uni.chooseImage({
success: (chooseImageRes) => {
const tempFilePaths = chooseImageRes.tempFilePaths;
plus.io.resolveLocalFileSystemURL(tempFilePaths[0], function( entry ) {
entry.file(function(file){
var fileReader = new plus.io.FileReader();
fileReader.readAsDataURL(file, 'utf-8');
fileReader.onloadend = function(evt) {
console.log(evt.target.result, typeof(evt))
}
fileReader.close()
} );
}, function (error) {
});
}
});
方法二:
需要用到文件服务器,优点是兼容性比较好
uni.chooseImage({
success: (chooseImageRes) => {
const tempFilePaths = chooseImageRes.tempFilePaths;
let url = "上传文件服务器"
uni.request({
url: "上传文件服务器后得到的url",
method: 'GET',
responseType: 'arraybuffer',
success: res => {
console.log(res)
let base64 = wx.arrayBufferToBase64(res.data); //把arraybuffer转成base64
let toBase64Url = 'data:image/jpeg;base64,' + base64; //不加上这串字符,在页面无法显示
console.log(toBase64Url);
}
});
}
});
本文记录了两种在uni-app中将本地图片转换为Base64编码的方法。方法一是通过plus.io模块直接读取文件并转换,方法二是借助文件服务器进行转换。这两种方法分别适用于不同场景,确保了在不同环境下的兼容性。
660

被折叠的 条评论
为什么被折叠?



