微信小程序之批量上传并压缩图片的实例代码
具体内容如下所示:
首先,要在.wxml文件里面创建一个canvas,作用是承载压缩的图片,以供上传的时候获取
这个canvas不能隐藏,否则没效果,可以将其移至屏幕外。
然后呢,就是.js文件里面的方法了
//点击加_压缩 takePhoto:function(){ varthat=this; letimgViewList=that.data.imgViewList;//这个是用来承载页面循环展示图片的 //拍照、从相册选择上传 wx.chooseImage({ count:4,//这个是上传的最大数量,默认为9 sizeType:['compressed'],//这个可以理解为上传的图片质量类型(官方给的),虽然没什么卵用,要不然还要我们自己写压缩做什么 sourceType:['album','camera'],//这个是图片来源,相册或者相机 success:function(res){ vartempFilePaths=res.tempFilePaths//这个是选择后返回的图片列表 that.getCanvasImg(0,0,tempFilePaths);//进行压缩 } }); }, //压缩并获取图片,这里用了递归的方法来解决canvas的draw方法延时的问题 getCanvasImg:function(index,failNum,tempFilePaths){ varthat=this; if(index总结
以上所述是小编给大家介绍的微信小程序之批量上传并压缩图片的实例代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对毛票票网站的支持!
声明:本文内容来源于网络,版权归原作者所有,内容由互联网用户自发贡献自行上传,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任。如果您发现有涉嫌版权的内容,欢迎发送邮件至:czq8825#qq.com(发邮件时,请将#更换为@)进行举报,并提供相关证据,一经查实,本站将立刻删除涉嫌侵权内容。