À propos du code de téléchargement d'avatars dans le mini-programme WeChat

Cet article présente principalement des informations pertinentes sur les exemples détaillés de téléchargement d'avatars dans l'applet WeChat. J'espère que cet article pourra aider tout le monde à réaliser une telle fonction. Les amis dans le besoin pourront s'y référer

. Explication détaillée d'exemples de téléchargement d'avatars dans les mini-programmes WeChat

Récemment, je travaille sur le téléchargement d'avatars et le téléchargement de photos dans les mini-programmes WeChat, j'ai donc juste écrit le code :

Télécharger l'avatar html :

<view class="edit-list">
　　<text class="list-name list-first">头像</text>
　　　　<view class="edit-righr-bar">
　　　　<image class="head-portrait" src="{{avatar}}" bindtap=&#39;changeAvatar&#39;></image>
　　</view>
</view>

code js :

// 切换头像
changeAvatar: function () {
var that = this;
// var childId = wx.getStorageSync("child_id");
// var token = wx.getStorageSync('token');
wx.chooseImage({
count: 1, // 最多可以选择的图片张数，默认9
sizeType: ['compressed'], // original 原图，compressed 压缩图，默认二者都有
sourceType: ['album', 'camera'], // album 从相册选图，camera 使用相机，默认二者都有
success: function (res) {
console.log(res.tempFilePaths + "修改页面")
var avatar = res.tempFilePaths;
that.setData({
avatar: avatar,
upAvatar:true
})
 
},
fail: function () {
// fail
},
complete: function () {
// complete
}
})
},
这是是调用上传头像uploadFile方法
// 上传头像
app.uploadimg({
url: 'URL地址',
path: avatar,
header: {
'Content-Type': 'multipart/form-data',
"Authorization": "Bearer " + token
},
isShow: false
});
 
上传头像代码uploadFile做了一个封装 代码放在APP.js里
//多张图片上传
uploadimg:function(data){
var that= this,
i=data.i ? data.i : 0,
success=data.success ? data.success : 0,
fail=data.fail ? data.fail : 0;
wx.uploadFile({
url: data.url,
filePath: data.path[i],
name: 'fileData',//这里根据自己的实际情况改
header: data.header,
formData: {
sequence:i+1
},
success: (resp) => {
success++;
console.log(resp)
console.log(i+"成功");
 
 
}
 
},
fail: (res) => {
fail++;
console.log('fail:' + i + "fail:" + fail);
},
complete: () => {
console.log(i);
i++;
if (i == data.path.length) { //当图片传完时，停止调用
console.log('执行完毕');
console.log('成功：' + success + " 失败：" + fail);
 
} else {//若图片还没有传完，则继续调用函数
console.log(i);
data.i = i;
data.success = success;
data.fail = fail;
that.uploadimg(data);
}

}
});
},

La soumission uploadFile est par défaut la méthode post Lorsque l'interface est fournie par l'arrière-plan, l'arrière-plan doit être transformé en post

Ce qui précède est l'intégralité du contenu de cet article. .J'espère que cela sera utile à l'apprentissage de tout le monde. Pour plus de contenu connexe, veuillez faire attention au site Web PHP chinois !

Recommandations associées :

Mise en œuvre de notifications de messages glissantes dans les mini-programmes WeChat

Carrousel de requêtes réseau dans WeChat mini -programmes Image

Mise en œuvre de la fonction de téléchargement de plusieurs images dans l'applet WeChat

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!