微信小程序上传头像

《微信小程序上传头像》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、最近在做微信小程序上传头像和上传照片功能就随手写一下代码:•••<••WeChat^13:06100%—•<•••姓名生日身高体重小程序112000-09-01110cm51kg保存上传头像html:1.7MUc3.

2、ngeAvatar*x/ir5.js代码://切换头像changeAvatar:function(){varthat-this;//varchildld■wx.getStorageSync("child^id**);//vartoken»wx.getStorageSync(*token*);wx.chooselmage({count:1,//最多可以选择的图片张数，歎认9sizeType:['compressed*],//original原團，compressed压维團，默认二者

3、都有sourceType:[*album*,•camera*],//album从相册选图，camera使用相机，默认二者都有success:function(res){console.log(res.tempFilePaths+"修改页面")varavatar«res.tempFilePaths;that.setData({avatar:avatar,upAvatar:true})打fail:function(){//failcomplete:function(){//complete}})打这是罡调用上传头

4、像uploadFile方法//上传头像app.uploadimg({url:'URLit!!址Jpath:avatar,header:{•Content-Type*:1multipart/form-data*"Authorization*1:"BearerM+token}>isShow:false});如上传头像代码uploadFile做了一个封装代码放在APP.js里"・〃多张图片上传uploadimg:function(data){42.varthat=this，i>data・i?data・i:0,suc

5、cess>data.success?data.success:fail>data.fail?data.fail:0;46.wx.uploadFile({47.url:data.url^filePath:data.path[i],name:ileData',//这里根振自己的实际情况改50•header:data.header,formData:{sequence:i+l53・4success:(resp)=>{success++;console・log(r”p)；console.log(i+M成功”)；58.

6、59・60・}61.62・},63・fail:(res)«>{6A・failw;console.log('fail:*+i+"fail:"+fail);66・}$67・complete:()=>{63.console.log(i);69・i++;if(i—data.path.length){〃当图片传完B寸，停止调用console.log（*执行完毕*）；console.log（'成功：'+success+”失败："+fail）;}else{//若團片还没有传老则纟住续调用函数tonsole.log（i）;d

7、ata.idata・suc“ss=success;data.fail=fail;that・uploadimg（data）;}}}）；uploadFile提交默认是post方法，后台给的接口的时候需要后台做成poso