小程序图片转base64

学习目标:

1.小程序图片转base64

学习内容:

base64({url,type}){  // url 为 小程序 图片 临时 地址,type为小程序图片拓展名
	return new Promise((resolve, reject) => {
		wx.getFileSystemManager().readFile({
			filePath:url, 
			encoding: 'base64', 
			success: res => {
				resolve('data:image/' + type.toLocaleLowerCase() + ';base64,' + res.data)
			}
		})
	})
}



my_function: function(){
	var that=this
	that.base64({
		url:tempFilePath,  // 小程序 图片 临时地址
		type:'(jpg|png|jpeg)$'  // 指定 小程序图片 拓展名
	}).then(res=>{
		console.log("成功后打印我")
		}) 
}

### 微信小程序实现图片换为Base64编码的方法 在微信小程序中,为了减少服务器访问次数以及优化存储空间,通常会采用将图片化为Base64编码的方式处理图像数据。对于单张图片的选择与化操作,可以通过`wx.chooseImage()`函数选取本地相册或拍照得到的照片,并利用`getFileSystemManager().readFile()`读取文件内容作为Base64字符串。 #### 使用同步方式图片Base64编码 定义了一个名为`imgToBase64`的异步函数用于接收文件路径参数并返回带有"data:image/png;base64,"前缀的Base64编码串[^3]: ```javascript function imgToBase64(filePath) { return new Promise((resolve, reject) => { try { let baseFormat = 'data:image/png;base64,'; let base64 = wx.getFileSystemManager().readFileSync(filePath, 'base64'); resolve(baseFormat + base64); } catch (err) { reject(err); } }); } ``` #### 处理网络图片Base64编码 针对来自互联网资源链接的情况,则需先调用`wx.downloadFile()`下载远程图片保存至临时位置后再执行上述相同逻辑完成换过程[^4]: ```javascript function getToBase64Two(url){ wx.downloadFile({ url, success(res) { wx.getFileSystemManager().readFile({ filePath: res.tempFilePath, encoding: 'base64', success(readRes) { let userImageBase64 = `data:image/jpeg;base64,${readRes.data}`; console.log(userImageBase64); }, fail(error){console.error('Failed to read file:', error);} }) }, fail(error){console.error('Download failed:', error);} }); } ``` 以上两种方案均能有效解决不同场景下的需求,无论是本地还是在线获取的图片都可以顺利变为便于传输和展示的数据形式。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

JumpingVR

感谢打赏,共同进步,欢迎来信

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值