微信小程序小功能分享一( canves制图之后台base64图片转为微信临时文件)

本文介绍了如何在微信小程序中将后台返回的Base64格式图片转换为本地临时文件,以便在canvas中使用。作者分享了从Base64转本地文件的函数,并提到此方法适用于需要多张图片共同请求完成绘图的情况。文章适合遇到类似问题的开发者阅读。
摘要由CSDN通过智能技术生成

大家好,这是我第一次分享博客,我叫小瑾轩,一名成都的程序员,小程序这两年发展迅速,尤其它的裂变分享能力很有潜力,最近一段时间一直在做电商项目,属实踩了好多坑,最近想整理一下,若有不足,欢迎评论,我们共同进步.
首先交代下背景,为突出分享,前端某些页面需要制作分享海报(受制于微信目前不支持分享至朋友圈,当然有些大佬已经有好的曲线方案,此处不做评价延伸),需要用到canvas(此处还不太熟悉的同学先去了解下canvas基本方法,小程序中canvas与h5通用方法一致),后台传过来的图片形式大多数情况为网络存储地址(如七牛云地址)及base64地址,如果为第一种则只需进行一步图片信息识别即可在本地使用,官方有专用方法如下
wx.getImageInfo({
src: ‘后台返回的网络地址’,
success: function (res) {
// console.log(res.path)
// resolve(res);
}
})
获取到信息后,即可在成功回调中将地址再canvas中加以使用,上图中的resolve方法就是本人在进行canvas绘图过程中写的一个promise,毕竟海报需要多张图片共同请求完毕才能进行绘图,但要是后台返回base64位( 例如微信返回的小程序码 )就很麻烦了,我们需要先转一下,(有些仁爱的后台会直接帮你转给网络地址,而我刚好没有这种别人家的后台 )这个我也没搞懂为啥base64位地址不行,明明在页面做image标签显示地址还是可以的,好,那我们需要这样
// base64转本地文件地址
function base64src(base64, cb) {
var imgurl = ‘’;
const FILE_BASE_NAME = ‘tmp_base64src’;
var fileManager = wx.getFil

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值