介绍 & lt; view 类=癳dit-list"比;
& lt; text 类=發ist-name list-first"在头像& lt;/text>
& lt; view 类=癳dit-righr-bar"祝辞
& lt; image 类=癶ead-portrait", src=https://www.yisu.com/zixun/{{阿凡达}}“bindtap=' changeAvatar '>
//,切换头像
changeAvatar: function (), {
var that =,;//,var childId =, wx.getStorageSync (“child_id");//,var token =, wx.getStorageSync(& # 39;标记# 39;);
wx.chooseImage ({
数:1,,//,最多可以选择的图片张数,默认9
sizeType:[& # 39;压缩# 39;],,//,original 原图,compressed 压缩图,默认二者都有
sourceType:[& # 39;专辑# 39;,,& # 39;相机# 39;],,//,album 从相册选图,camera 使用相机,默认二者都有
成功:function (res), {
console.log (res.tempFilePaths +,“修改页面“)
var avatar =, res.tempFilePaths;
that.setData ({
《阿凡达》:《阿凡达》,
upAvatar:真
})
,
},
失败:function (), {//失败
},
完成:function (), {//完成
}
})
},
这是是调用上传头像还是方法//,上传头像
app.uploadimg ({
url: & # 39; url地址& # 39;,
路径:,《阿凡达》,
标题:{
& # 39;内容类型# 39;:,& # 39;多部分/格式# 39;
“Authorization":“Bearer “+,令牌
},
isShow:假
});
,
上传头像代码还是做了一个封装,代码放在APP.js里//多张图片上传
uploadimg:功能(数据){
var ,=,,
我=data.i ?, data.i :, 0,
成功=data.success ?, data.success :, 0,
失败=data.fail ?, data.fail :, 0;
wx.uploadFile ({
url: data.url,
filePath: data.path[我],
名称:,& # 39;fileData& # 39;//这里根据自己的实际情况改
标题:data.header,
formData: {
序列:i + 1
},
成功:,(职责),=祝辞,{
成功+ +;
console.log(职责)
console.log (i +“成功“);
,
,
}
,
},
失败:,(res),=祝辞,{
失败+ +;
console.log(& # 39;失败:& # 39;,+,小姐:+,“失败:“,+,失败);
},
完成:,(),=祝辞,{
console.log(我);
我+ +;
if (小姐:==,data.path.length),{,//当图片传完时,停止调用
console.log(& # 39;执行完毕& # 39;);
console.log(& # 39;成功:& # 39;,+,success +,“,失败:“,+,失败);
,
},else {//若图片还没有传完,则继续调用函数
console.log(我);
data.i =,我;
data.success =,成功;
时间=data.fail 失败;
that.uploadimg(数据);
}
}
});
},
小编给大家分享一下微信小程序实现上传头像的示例,希望大家阅读完这篇文章之后都有所收获、下面让我们一起去探讨吧!
<强>微信小程序上传头像的实例详解
最近在做微信小程序上传头像和上传照片功能就随手写一下代码:
上传头像html:
js代码:
还是提交默认是发布方法,后台给的接口的时候需要后台做成帖子
看完了这篇文章,相信你对“微信小程序实现上传头像的示例”有了一定的了解,如果想了解更多相关知识,欢迎关注行业资讯频道,感谢各位的阅读!
