微信小程式上傳(多個檔案上傳)
阿新 • • 發佈:2018-11-09
微信小程式上傳(多個檔案上傳)
/** * 上傳照片//選擇圖片時限制9張,如需超過9張,同理亦可參照此方法上傳多張照片 */ uploadImg:function(){ var that = this; wx.chooseImage({ count: 9, sizeType: ['original', 'compressed'], sourceType: ['album', 'camera'], success: function(res){ var successUp = 0; //成功 var failUp = 0; //失敗 var length = res.tempFilePaths.length; //總數 var count = 0; //第幾張 that.uploadOneByOne(res.tempFilePaths,successUp,failUp,count,length); }, }); }, /** * 採用遞迴的方式上傳多張 */ uploadOneByOne(imgPaths,successUp, failUp, count, length){ var that = this; wx.showLoading({ title: '正在上傳第'+count+'張', }) wx.uploadFile({ url: 'https://example.weixin.qq.com/upload', //僅為示例,非真實的介面地址 filePath: imgPaths[count], name: count,//示例,使用順序給檔案命名 success:function(e){ successUp++;//成功+1 }, fail:function(e){ failUp++;//失敗+1 }, complete:function(e){ count++;//下一張 if(count == length){ //上傳完畢,作一下提示 console.log('上傳成功' + successUp + ',' + '失敗' + failUp); wx.showToast({ title: '上傳成功' + successUp, icon: 'success', duration: 2000 }) }else{ //遞迴呼叫,上傳下一張 that.uploadOneByOne(imgPaths, successUp, failUp, count, length); console.log('正在上傳第' + count + '張'); } } }) }