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 중국어 웹사이트에서 확인하세요!

관련 읽기:

ES6 javascript에서 클래스의 정적 메소드, 속성 및 인스턴스 속성을 사용하는 방법

Bootstrap으로 그리드 시스템을 만드는 방법

JS로 탭을 만드는 방법

위 내용은 WeChat 애플릿에 아바타를 업로드하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!