微信小程序实现上传头像详解(微信小程序如何上传头像)

本文主要介绍微信小程序上传头像的例子的详细信息。我希望这篇文章能帮助你实现这个功能。有需要的朋友可以参考一下，希望能帮到你。

微信小程序上传头像实例详解

最近在微信小程序里做上传头像和照片的功能时写代码就好了:

上传头像html:

& ltview class = & quot编辑-列表& quot& gt& lttext class = & quotlist -name list -first & quot；& gt电影《阿凡达》

//换头像:function(){ var that = this；//var child id = wx . getstoragesync(& quot；儿童标识& quot);//var token = wx . getstoragesync(& # 039；token & # 039);Wx.chooseImage({count: 1，//可以选择的最大图片数，默认为9 size type:[& # 039；压缩& # 039；]，//原始原始图像，压缩压缩图像，两者默认都有源类型:[& # 039；相册& # 039；, '相机& # 039；]，//相册从相册中选择图片，相机使用相机。默认两者都成功:function(RES){ console . log(RES . tempfile paths+"修改页面")var avatar = res.tempFilePathsThat.setdata ({avatar: avatar，upavatar: true})}，fail: function () {//fail}，complete:function(){//complete } } } }，就是调用上传头像uploadFile方法//上传头像app . upload img({ URL:& URL & # 039；，路径:头像，头:{ & # 039；content -Type & # 039；: '多部分/表单-数据& # 039；，& quot授权& quot:& quot来人& quot+ token}，is show:false })；上传头像代码uploadFile做了一个包代码放在APP.js//Upload多张图片上传img:function(data){ var that = this，i = data.i？data.i : 0，成功=data.success？data.success : 0，fail=data.fail？data . fail:0；wx.uploadFile({url: data.url，filePath: data.path[i]，名称:& # 039；文件数据& # 039；，//更改头:data.header，formdata: {sequence: I+1}，success:(resp)= >；{ success++；console . log(resp)console . log(I+& quot；成功”)；} }，失败:(RES)= & gt；{ fail++；console . log(& # 039；失败:& # 039；+I+& quot；失败:& quot+不及格)；}，完成:()= & gt{console.log(一)；i++；If (i == data.path.length) {//停止调用console . log(& # 039；完了& # 039；);console . log(& # 039；成功:& # 039；+成功+& quot；失败:“+失败)；} else {//如果图片没有看完，继续调用函数console . log(I)；data.i = idata.success =成功；data.fail =失败；that.uploadimg(数据)；}}});}，uploadFile提交默认为post方法。后台给界面的时候，需要在后台做成post。

相关建议:

Web前端开发上传上传头像js示例代码

Php实现了手机拍照上传头像的功能。

用PHP调整Jcrop拦截的上传头像函数。

VIP推荐:22门课程，总价3725元。VIP会员免费。