이 글은 위챗 애플릿에 아바타를 업로드하는 상세한 예시에 대한 관련 정보를 주로 소개합니다. 이 글이 필요한 친구들이 모두 참고할 수 있기를 바랍니다.
위챗 미니 프로그램 아바타 업로드 예시에 대한 자세한 설명
최근 위챗 미니 프로그램에서 아바타 업로드와 사진 업로드 작업을 하고 있어서 코드만 작성했습니다.
아바타 업로드 html:
<view class="edit-list"> <text class="list-name list-first">头像</text> <view class="edit-righr-bar"> <image class="head-portrait" src="{{avatar}}" bindtap='changeAvatar'></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 제출은 기본적으로 post 방식입니다. 인터페이스가 백그라운드에서 제공되는 경우 백그라운드에서 게시되도록 해야 합니다.
관련 권장 사항:
웹 프론트엔드 개발 업로드 업로드 아바타 j 샘플 코드
php는 휴대폰에서 사진을 찍고 아바타를 업로드하는 기능을 구현합니다
에서 캡처한 아바타 업로드 기능을 조정합니다.위 내용은 WeChat 애플릿을 사용하여 아바타를 업로드하는 방법에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!