微信JSSDK上传多张图片

做过微信开发的都知道,在部分android机型里微信不支持网页上传图片的,这是由于这些机型的文件上传存在内存泄漏,会导致微信闪退,所以微信内置浏览器将文件上传屏蔽。这就导致这些机型的用户在使用微信浏览器访问某些需要上传图片的网页时功能不正常。leo108's blog

前不久微信公开了一些接口,其中有一个uploadImage接口用于上传图片,一般和chooseImage接口配合使用。先调用chooseImage接口让用户选择一张或者多张图片,用户选择完毕后微信会返回被选中图片的id,再把图片id传给uploadImage接口上传图片。

leo108's blog

由于uploadImage一次只能上传一张图片,因此当用户选择多张图片时,需要多次调用uploadImage接口来上传图片。微信

但是在实践的过程中发现,不管用户选中多少张图片,只有第一张能够上传成功。

http://leo108.com

查看了一下微信的文档,在常见问题中找到了相关的描述

uploadImage怎么传多图(目前只支持一次上传一张,多张图片需等前一张图片上传之后再调用该接口)

也就是说,如果想要上传多张图片,需要将之前并行上传改成串行。微信JSSDK上传多张图片

代码如下:

http://leo108.com/pid-2069.asp

01 $('#filePicker').on('click'function () {
02     wx.chooseImage({
03         success: function (res) {
04             var localIds = res.localIds;
05             syncUpload(localIds);
06         }
07     });
08 });
09 var syncUpload = function(localIds){
10     var localId = localIds.pop();
11     wx.uploadImage({
12         localId: localId,
13         isShowProgressTips: 1,
14         success: function (res) {
15             var serverId = res.serverId; // 返回图片的服务器端ID
16             //其他对serverId做处理的代码
17             if(localIds.length > 0){
18                 syncUpload(localIds);
19             }
20         }
21     });
22 };

 微信JSSDK上传多张图片

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值