微信小程序将网络图片转成base64数据

微信开发中图片上传是很常见的功能点之一,那么如果需要我们将网络图片转换成所需要的base64数据格式,微信小程序中我们要如何实现呢?

效果如图:


需要获取网络数据,我们需要先了解微信api中的 wx.request(Object object)

简单的说将网络图片转换成我们需要base64数据格式,就是应用到该api

完整代码如下:

wx.request({
url:'https://upload.jianshu.io/users/upload_avatars/14100489/07ea6706-9791-4517-a36c-822d45336c91.jpg?imageMogr2/auto-orient/strip|imageView2/1/w/96/h/96/format/webp',
responseType: 'arraybuffer', //最关键的参数,设置返回的数据格式为arraybuffer
success:res=>{
//把arraybuffer转成base64
let base64 = wx.arrayBufferToBase64(res.data);
//不加上这串字符,在页面无法显示的哦
base64 = 'data:image/jpeg;base64,' + base64 
//打印出base64字符串,可复制到网页校验一下是否是你选择的原图片呢
console.log(base64) 
}
})

以上便是关于如何将网络图片转成base64数据格式方法!

六月初字帖坊小程序 你想要的字帖模板及工具,这里都有!