//初始化配置
wx.config({
debug: false,
appId: '',
timestamp: ,
nonceStr: '',
signature: '',
jsApiList: [
// 所有要调用的 API 都要加到这个列表中
'chooseImage',
'previewImage',
'uploadImage',
'downloadImage'
]
});
//调用接口
var images = {
localId: [],
serverId: []
};
document.querySelector('#chooseImage').onclick = function () {
wx.chooseImage({
success: function (res) {
images.localId = res.localIds;
alert('已选择 ' + res.localIds.length + ' 张图片');
var img_val="";
var localIds = res.localIds;
var i = 0, length = images.localId.length;
function upload(){
wx.uploadImage({
localId: localIds[i].toString(), // 需要上传的图片的本地ID,由chooseImage接口获得
isShowProgressTips: 1, // 默认为1,显示进度提示
success: function (res) {
i++;
var serverId = res.serverId; // 返回图片的服务器端ID
var imgNode ='
if($('#thumb').val()==''){
document.getElementById("thumb").value="http://file.api.weixin.qq.com/cgi-bin/media/get?access_token=&media_id="+serverId;
}else{
document.getElementById("thumb").value =document.getElementById("thumb").value + ",http://file.api.weixin.qq.com/cgi-bin/media/get?access_token=&media_id="+serverId;
}
imgNode.οnclick=function(){
var src=$(this).attr('src');
var arr=$('#thumb').val().split(',');
wx.previewImage({
current: src, // 当前显示图片的http链接
urls:arr // 需要预览的图片http链接列表
});
}
$("#imgdiv").append(imgNode);
if (i < length) {
setTimeout(upload(), 100);
}
},
fail: function(res){
alert("上传失败,msg:"+JSON.stringify(res));
}
});
}
setTimeout(upload(), 100);
}
});
};