小程序 圖片上傳方法


uploadimg: function () {//這里觸發圖片上傳的方法
let that = this;
var pics = that.data.pics;
app.uploadimg({
url: app.baseUrl + 'api/PublishMessage/uploadImage',//這里是你圖片上傳的接口
path: pics,//這里是選取的圖片的地址數組
resourceType: that.data.resourceType,
resourceId: that.data.resourceId
});
setTimeout(function () {
// console.log(app.globalData.complete)
if (app.globalData.complete==true){
that.setData({
loadingBox: false
})
wx.switchTab({
url: '../partner/partner'
})
}else{

}
 
},3000)
}
//多張圖片上傳
  
  uploadimg(data) {
    let that = this,
    i = data.i ? data.i : 0,//當前上傳的哪張圖片
    success = data.success ? data.success : 0,//上傳成功的個數
    fail = data.fail ? data.fail : 0;//上傳失敗的個數
    wx.getStorage({
      key: "userid",
      success: function (res) {
        console.log(res.data)
        wx.uploadFile({
          url: data.url,
          filePath: data.path[i],
          name: 'file',//這里根據自己的實際情況改
          formData: {
            resourceType: data.resourceType,//  資源類型: 圖片: img   視頻 : video
            articleType:'youji',//   文章類型: 約伴 : yueban  游記 : youji
            resourceId: data.resourceId,//資源id: 如果發布的是約伴, 那就是發布的當前約伴信息的 信息id, 用這個 信息id 來標識是那片文章的資源
            userId: res.data,// 用戶id
          },
          success: (resp) => {
            success++;//圖片上傳成功,圖片上傳成功的變量+1
            console.log(resp)
            console.log(i);
            //這里可能有BUG,失敗也會執行這里,所以這里應該是后台返回過來的狀態碼為成功時,這里的success才+1
          },
          fail: (res) => {
            fail++;//圖片上傳失敗,圖片上傳失敗的變量+1
            console.log('fail:' + i + "fail:" + fail);
          },
          complete: () => {
            console.log(i);
            i++;//這個圖片執行完上傳后,開始上傳下一張
            if (i == data.path.length) {   //當圖片傳完時,停止調用          
              // console.log('執行完畢');
              // console.log('成功:' + success + " 失敗:" + fail);
              that.globalData.complete=true
              
            } else {//若圖片還沒有傳完,則繼續調用函數
              console.log(i);
              data.i = i;
              data.success = success;
              data.fail = fail;
              that.uploadimg(data);
            }
            
          }
        });
      }
    })
  },

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM