微信小程序promsie.all和promise順序執(zhí)行

鹽山ssl適用于網(wǎng)站、小程序/APP、API接口等需要進(jìn)行數(shù)據(jù)傳輸應(yīng)用場景，ssl證書未來市場廣闊！成為創(chuàng)新互聯(lián)的ssl證書銷售渠道，可以享受市場價格4-6折優(yōu)惠！如果有意向歡迎電話聯(lián)系或者加微信：028-86922220（備注：SSL證書合作）期待與您的合作！

一、前言

最近在做小程序的開發(fā)，碰到的一個需求就是表單提交，提交的表單中包含有圖片，微信這邊的做法是先上傳圖片，后臺把圖片名稱和地址返回給你，然后你把圖片信息插入到表單的相應(yīng)位置再提交表單，這里就涉及到如何上傳完圖片的請求再上傳表單，而且微信小程序里面如果圖片是多個的話，也只能一張張上傳。簡單來說就是上傳完圖片（多個請求），拿到返回值，再上傳表單，該如何做？

二、Promise.all和Promise.race

先來介紹Promise.all和Promise.race方法的不同點(diǎn)Promise.all(iterable) 方法指當(dāng)所有在可迭代參數(shù)中的 promises 已完成，或者第一個傳遞的 promise（指 reject）失敗時，返回 promise。iterable為可迭代對象，但是一般為數(shù)組。返回值也是一個Promise對象。

需要明確的幾點(diǎn)，Promise.all是并發(fā)執(zhí)行的同時運(yùn)行多個Promise對象，而且返回的Promise對象的參數(shù)是一個數(shù)組，數(shù)組中的各項也是可迭代對象執(zhí)行的順序返回。

Promise.race(iterable) 方法返回一個新的 promise，參數(shù)iterable中只要有一個promise對象”完成（resolve）”或”失?。╮eject）”，新的promise就會立刻”完成（resolve）”或者”失?。╮eject）”，并獲得之前那個promise對象的返回值或者錯誤原因。所以只要iterable中有一個完成或者失敗就立即返回一個promise對象。根據(jù)race這個單詞為賽跑也能得出，最先到達(dá)的立即返回一個promise對象。

根據(jù)上面的定義，我們采用的Promise.all方法來完成我們的需求。

//存儲promise對象的數(shù)組
let promiseArr = [];
//圖片地址數(shù)組
let imageList = [];
//將圖片地址的上傳的promise對象加入到promiseArr
for (let i = 0; i < imageList.length; i++) {
  let promise = new Promise((resolve, reject) => {
    //微信圖片上傳
    wx.uploadFile({
      url: 'https://xxx.xxx.xxx/api/uploadImage',
      filePath: imageList[i],
      name: 'file',
      success: function(res) {
        //可以對res進(jìn)行處理，然后resolve返回
        resolve(res);
      },
      fail: function (error) {
        reject(error);
      },
      complete: function (res) {
      },
    })
  });
  promiseArr.push(promise)
}
//Promise.all處理promiseArr數(shù)組中的每一個promise對象
Promise.all(promiseArr).then((result) => {
  //對返回的result數(shù)組進(jìn)行處理
})

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點(diǎn)與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

名稱欄目：微信小程序promsie.all和promise順序執(zhí)行-創(chuàng)新互聯(lián)
分享路徑：http://aaarwkj.com/article24/cchpje.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供微信小程序、企業(yè)網(wǎng)站制作、App設(shè)計、App開發(fā)、電子商務(wù)、用戶體驗(yàn)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)