微信小程序多圖片上傳到雲存儲

wxml:

<button  bindtap='addPicInfo'>點擊上傳圖片<./button>

js:
上傳的接口有wx.chooseImage(選擇圖片)
wx.cloud.uploadFile(上傳到雲存儲)

微信原文檔:
wx.chooseImage

wx.cloud.uploadFile


data:{
	store_pics:[]   //存放圖片
}

//店鋪圖片
addPicInfo:function(res){
  const that = this;
  wx.chooseImage({
    count: 5,//上傳一次5張照片 最多爲9
    sizeType: [‘original’ ,'compressed'],//原生和壓縮上傳都可以
    sourceType: ['album', 'camera'], //來源相機或者圖片
    success: function (e) {
      that.setData({
        store_pics:e.tempFilePaths   //存五張圖片到store_pics數組
      })
      for(let i=0;i<5;i++){    //循環上傳
        wx.cloud.uploadFile({//上傳到雲存儲
          cloudPath:that.data.region[0]+that.data.region[1]+that.data.region[2]+that.data.store_area2+i+'.png',//雲端存儲路徑
          filePath: e.tempFilePaths[i], //圖片的臨時路徑
        })
      }
      wx.showToast({
        title: '上傳成功',
      })
    },
    fail:function(){
      wx.showToast({
        title: '上傳失敗',
      })
    }
  })
},
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章