码迷,mamicode.com
首页 > 微信 > 详细

微信jssdk多图上传

时间:2017-07-12 21:31:12      阅读:384      评论:0      收藏:0      [点我收藏+]

标签:upload   技术   jssdk   func   需要   oca   sed   cal   ids   

微信官方文档uploadImage函数一次只能上传一张图片,但实际运用中有不少多图上传的需求

技术分享

 

当选择多张图片时若直接循环多次调用,只有最后一张能上传成功,因为uploadImage只有在上次一执行成功或者失败以后才能再次调用,因此把该函数稍作修改即可

//选择图片
function choose(num){
wx.chooseImage({
count: num, // 默认9
sizeType: [‘compressed‘],
success: function (res) {
var localIds = res.localIds; // localIds为数组
upload(localIds)
}
});
};
//上传图片
function upload(localIds,image){
var localId = localIds.pop(); //从数组中取一个localId上传,并从数组中删掉该元素
wx.uploadImage({
localId: localId, // 需要上传的图片的本地ID,由chooseImage接口获得
isShowProgressTips: 1, // 默认为1,显示进度提示
success: function (res) {
if(res.errMsg == ‘uploadImage:ok‘){
var serverId = res.serverId; // 返回图片的服务器端ID
console.log(serverId);
if(localIds.length > 0){
upload(localIds); //若存放localId的数组不为空,继续上传
}
}
}
});
}

至此,该问题完美解决

微信jssdk多图上传

标签:upload   技术   jssdk   func   需要   oca   sed   cal   ids   

原文地址:http://www.cnblogs.com/maidou0702/p/7157241.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!