首页 > 代码库 > 微信jssdk多图上传
微信jssdk多图上传
微信官方文档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多图上传
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。