欢迎来到天天文库
浏览记录
ID:31757584
大小:67.22 KB
页数:5页
时间:2019-01-17
《微信小程序上传头像》由会员上传分享,免费在线阅读,更多相关内容在工程资料-天天文库。
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,suc5、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);d7、ata.idata・suc“ss=success;data.fail=fail;that・uploadimg(data);}}});uploadFile提交默认是post方法,后台给的接口的时候需要后台做成poso
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
此文档下载收益归作者所有