最近在做微信开发,下面记录一下wx.chooseImage
、wx.uploadImage
接口上传多张图片的代码实例。
JAVASCRIPT代码实例:
$(function(){
wx.config({
debug: false,
appId: '<?php echo $signPackage["appId"];?>',
timestamp: <?php echo $signPackage["timestamp"];?>,
nonceStr: '<?php echo $signPackage["nonceStr"];?>',
signature: '<?php echo $signPackage["signature"];?>',
jsApiList: [
'checkJsApi',
'chooseImage',
'previewImage',
'uploadImage',
'downloadImage'
]
});
wx.ready(function () {
var localIds = [];
$(".weui_uploader_input").click(function(){
var that = $(this);
wx.chooseImage({
count: 9,
sourceType: ['camera', 'album'],
success: function (res) {
localIds = res.localIds;
syncUpload(that);
}
});
});
function syncUpload() {
if (!localIds.length) {
console.log('上传成功!');
} else {
var localId = localIds.pop();
var select_name = that.attr('select_name');
wx.uploadImage({
localId: localId,
success: function() {
syncUpload();
}
});
}
}
});
});
localIds
为上传图片队列。
发表回复