免费国产欧美国日产_少妇AV一区二区三区无码_蜜桃精品av无码喷奶水小说_jk18禁网站视频_精产国品一二三级产品区别_被夫の上司に犯波多野结衣_78m成人手机免费看_最爽最刺激18禁视频_偷偷色噜狠狠狠狠的777米奇

易優(yōu)GEO 重磅上線 ~ 一站式GEO優(yōu)化工具,讓豆包、文心一言、DeepSeek 在回答中主動(dòng)推薦你的品牌,搶占AI流量入口!  點(diǎn)擊查看

小程序模板網(wǎng)

微信小程序上傳頭像

發(fā)布時(shí)間:2018-04-25 09:28 所屬欄目:小程序開(kāi)發(fā)教程

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

上傳頭像html:

 

				
  1. <view class="edit-list">
  2.   <text class="list-name list-first">頭像</text>
  3.     <view class="edit-righr-bar">
  4.     <image class="head-portrait" src="{{avatar}}" bindtap='changeAvatar'></image>
  5.   </view>
  6. </view>

js代碼:

 

				
  1. // 切換頭像
  2. changeAvatar: function () {
  3. var that = this;
  4. // var childId = wx.getStorageSync("child_id");
  5. // var token = wx.getStorageSync('token');
  6. wx.chooseImage({
  7. count: 1, // 最多可以選擇的圖片張數(shù),默認(rèn)9
  8. sizeType: ['compressed'], // original 原圖,compressed 壓縮圖,默認(rèn)二者都有
  9. sourceType: ['album', 'camera'], // album 從相冊(cè)選圖,camera 使用相機(jī),默認(rèn)二者都有
  10. success: function (res) {
  11. console.log(res.tempFilePaths + "修改頁(yè)面")
  12. var avatar = res.tempFilePaths;
  13. that.setData({
  14. avatar: avatar,
  15. upAvatar:true
  16. })
  17.  
  18. },
  19. fail: function () {
  20. // fail
  21. },
  22. complete: function () {
  23. // complete
  24. }
  25. })
  26. },
  27. 這是是調(diào)用上傳頭像uploadFile方法
  28. // 上傳頭像
  29. app.uploadimg({
  30. url: 'URL地址',
  31. path: avatar,
  32. header: {
  33. 'Content-Type': 'multipart/form-data',
  34. "Authorization": "Bearer " + token
  35. },
  36. isShow: false
  37. });
  38.  
  39. 上傳頭像代碼uploadFile做了一個(gè)封裝 代碼放在APP.js里
  40. //多張圖片上傳
  41. uploadimg:function(data){
  42. var that= this,
  43. i=data.i ? data.i : 0,
  44. success=data.success ? data.success : 0,
  45. fail=data.fail ? data.fail : 0;
  46. wx.uploadFile({
  47. url: data.url,
  48. filePath: data.path[i],
  49. name: 'fileData',//這里根據(jù)自己的實(shí)際情況改
  50. header: data.header,
  51. formData: {
  52. sequence:i+1
  53. },
  54. success: (resp) => {
  55. success++;
  56. console.log(resp)
  57. console.log(i+"成功");
  58.  
  59.  
  60. }
  61.  
  62. },
  63. fail: (res) => {
  64. fail++;
  65. console.log('fail:' + i + "fail:" + fail);
  66. },
  67. complete: () => {
  68. console.log(i);
  69. i++;
  70. if (i == data.path.length) { //當(dāng)圖片傳完時(shí),停止調(diào)用
  71. console.log('執(zhí)行完畢');
  72. console.log('成功:' + success + " 失?。?quot; + fail);
  73.  
  74. } else {//若圖片還沒(méi)有傳完,則繼續(xù)調(diào)用函數(shù)
  75. console.log(i);
  76. data.i = i;
  77. data.success = success;
  78. data.fail = fail;
  79. that.uploadimg(data);
  80. }
  81.  
  82. }
  83. });
  84. },


易優(yōu)小程序(企業(yè)版)+靈活api+前后代碼開(kāi)源 碼云倉(cāng)庫(kù):starfork
本文地址:http://m.szcjxy.com/wxmini/doc/course/23983.html 復(fù)制鏈接 如需定制請(qǐng)聯(lián)系易優(yōu)客服咨詢: 點(diǎn)擊咨詢
在線客服