微信JSSDK上傳多張圖片

以前是使用for循環實現的,可是安卓手機沒有問題,蘋果手機只能上傳最後一張圖片.

好在有高手在前面趟路,實用的循環調用.蘋果是沒有,安卓不清楚.如下內容轉自:http://leo108.com/pid-2069.asp

 

作過微信開發的都知道，在部分android機型裏微信不支持網頁上傳圖片的，這是因爲這些機型的文件上傳存在內存泄漏，會致使微信閃退，因此微信內置瀏覽器將文件上傳屏蔽。這就致使這些機型的用戶在使用微信瀏覽器訪問某些須要上傳圖片的網頁時功能不正常。

 前不久微信公開了一些接口，其中有一個uploadImage接口用於上傳圖片，通常和chooseImage接口配合使用。先調用chooseImage接口讓用戶選擇一張或者多張圖片，用戶選擇完畢後微信會返回被選中圖片的id，再把圖片id傳給uploadImage接口上傳圖片。

 因爲uploadImage一次只能上傳一張圖片，所以當用戶選擇多張圖片時，須要屢次調用uploadImage接口來上傳圖片。

 可是在實踐的過程當中發現，無論用戶選中多少張圖片，只有第一張可以上傳成功。

 

 如下爲實現代碼:

 

$(‘#filePicker‘).on(‘click‘, function () { wx.chooseImage({ success: function (res) { var localIds = res.localIds; syncUpload(localIds); } }); }); var syncUpload = function(localIds){ var localId = localIds.pop(); wx.uploadImage({ localId: localId, isShowProgressTips: 1, success: function (res) { var serverId = res.serverId; // 返回圖片的服務器端ID //其餘對serverId作處理的代碼 if(localIds.length > 0){ syncUpload(localIds); } } }); };