WeChat 미니 프로그램에 아바타를 업로드하는 코드에 대해

이 글은 위챗 미니 프로그램에서 아바타를 업로드하는 구체적인 사례에 대한 관련 정보를 주로 소개합니다. 도움이 필요한 친구들은

위챗 미니 프로그램에서 아바타를 업로드하는 사례를 참고하세요. 자세한 설명

최근 WeChat 애플릿에서 아바타를 업로드하고 사진을 업로드하는 기능을 작업 중이어서 코드만 작성했습니다:

아바타 업로드 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>

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);
}

}
});
},

uploadFile 제출은 기본적으로 배경에서 제공하는 인터페이스를 제공할 때 배경을 포스트로 만들어야 합니다

위 내용은 모두의 학습에 도움이 되기를 바랍니다. . 더 많은 관련 내용을 보려면 PHP 중국어 웹사이트를 주목하세요!

관련 권장 사항:

WeChat 미니 프로그램에서 롤링 메시지 알림 구현

온라인으로 WeChat 미니 프로그램에서 요청한 회전식 이미지

WeChat 미니 프로그램에서 여러 사진 업로드 기능 구현

위 내용은 WeChat 미니 프로그램에 아바타를 업로드하는 코드에 대해의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!