中文字幕日韩精品一区二区免费_精品一区二区三区国产精品无卡在_国精品无码专区一区二区三区_国产αv三级中文在线

微信小程序中怎么實(shí)現(xiàn)上傳頭像功能-創(chuàng)新互聯(lián)

小編給大家分享一下微信小程序中怎么實(shí)現(xiàn)上傳頭像功能,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!

創(chuàng)新互聯(lián)公司服務(wù)項(xiàng)目包括掇刀網(wǎng)站建設(shè)、掇刀網(wǎng)站制作、掇刀網(wǎng)頁(yè)制作以及掇刀網(wǎng)絡(luò)營(yíng)銷策劃等。多年來,我們專注于互聯(lián)網(wǎng)行業(yè),利用自身積累的技術(shù)優(yōu)勢(shì)、行業(yè)經(jīng)驗(yàn)、深度合作伙伴關(guān)系等,向廣大中小型企業(yè)、政府機(jī)構(gòu)等提供互聯(lián)網(wǎng)行業(yè)的解決方案,掇刀網(wǎng)站推廣取得了明顯的社會(huì)效益與經(jīng)濟(jì)效益。目前,我們服務(wù)的客戶以成都為中心已經(jīng)輻射到掇刀省份的部分城市,未來相信會(huì)繼續(xù)擴(kuò)大服務(wù)區(qū)域并繼續(xù)獲得客戶的支持與信任!

微信小程序 上傳頭像的實(shí)例詳解

最近在做微信小程序上傳頭像和上傳照片功能就隨手寫一下代碼:

微信小程序中怎么實(shí)現(xiàn)上傳頭像功能

上傳頭像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, // 最多可以選擇的圖片張數(shù),默認(rèn)9
sizeType: ['compressed'], // original 原圖,compressed 壓縮圖,默認(rèn)二者都有
sourceType: ['album', 'camera'], // album 從相冊(cè)選圖,camera 使用相機(jī),默認(rèn)二者都有
success: function (res) {
console.log(res.tempFilePaths + "修改頁(yè)面")
var avatar = res.tempFilePaths;
that.setData({
avatar: avatar,
upAvatar:true
})
 
},
fail: function () {
// fail
},
complete: function () {
// complete
}
})
},
這是是調(diào)用上傳頭像uploadFile方法
// 上傳頭像
app.uploadimg({
url: 'URL地址',
path: avatar,
header: {
'Content-Type': 'multipart/form-data',
"Authorization": "Bearer " + token
},
isShow: false
});
 
上傳頭像代碼uploadFile做了一個(gè)封裝 代碼放在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',//這里根據(jù)自己的實(shí)際情況改
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) { //當(dāng)圖片傳完時(shí),停止調(diào)用
console.log('執(zhí)行完畢');
console.log('成功:' + success + " 失?。?quot; + fail);
 
} else {//若圖片還沒有傳完,則繼續(xù)調(diào)用函數(shù)
console.log(i);
data.i = i;
data.success = success;
data.fail = fail;
that.uploadimg(data);
}

}
});
},

uploadFile 提交默認(rèn)是post方法,后臺(tái)給的接口的時(shí)候需要后臺(tái)做成post

以上是“微信小程序中怎么實(shí)現(xiàn)上傳頭像功能”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對(duì)大家有所幫助,如果還想學(xué)習(xí)更多知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!

分享題目:微信小程序中怎么實(shí)現(xiàn)上傳頭像功能-創(chuàng)新互聯(lián)
文章鏈接:http://m.rwnh.cn/article24/ceedje.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供外貿(mào)網(wǎng)站建設(shè)靜態(tài)網(wǎng)站、網(wǎng)站建設(shè)做網(wǎng)站、軟件開發(fā)定制網(wǎng)站

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)

網(wǎng)站托管運(yùn)營(yíng)
盐边县| 济源市| 光山县| 罗定市| 砀山县| 三穗县| 府谷县| 六盘水市| 南宁市| 林甸县| 雷州市| 长汀县| 新河县| 客服| 阳东县| 菏泽市| 林西县| 石楼县| 小金县| 宁化县| 洪江市| 浦东新区| 咸阳市| 彰武县| 唐海县| 祁东县| 东台市| 灵川县| 安平县| 丰台区| 留坝县| 潼关县| 桃源县| 东至县| 洪泽县| 华容县| 偃师市| 浦东新区| 资溪县| 松溪县| 五家渠市|