微信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);

            }

        }

    });

};