本文實例為大家分享了微信小程序實現上傳多個文件超過10個的具體代碼，供大家參考，具體內容如下

【小程序筆記】wx.uploadFile(OBJECT)

先說說遇到的問題：

小程序可通過wx.uploadFile(OBJECT)接口上傳手機文件至服務器，但是在文檔中關于請求中有這么一段說明：

request、uploadFile、downloadFile 的最大并發限制是 10 個

意思就是這三個接口請求并發數不能超過10個，否則報以下錯誤

uploadFile:fail exceed max upload connection count 10

但是業務場景總會需要堆砌一些復雜的功能，比如需要上傳多張照片到服務器啊，需要一張一張的上傳，等等。

既然不能一下子上傳多個文件，那就用最簡單的方法完成復雜的功能即可，先上傳完一張再上傳下一張，哈哈

具體看看主要兩個方法：

/** * 上傳照片//選擇圖片時限制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 + '張');  }  } }) },

注釋比較詳細，可以看到方法比較簡單，示例只做9張圖片的上傳，可使用for循環調用上傳文件的接口，但是在某些特定的場景下，需要考慮可能需要上傳多張的需求，可使用此方法一張一張的上傳，如果需要控制前一張上傳完才能進行下一張的上傳，此方法亦非常適用，可以做一些成功和失敗的處理，看場景需要而定

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持錯新站長站。