本文例項為大家分享了微信小程式實現上傳多個檔案超過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,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,length);
   console.log('正在上傳第' + count + '張');
  }
  }
 })
 },

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

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支援我們。