微信小程序开发 批量选择上传图片 代码实例

最近在做微信开发,下面记录一下wx.chooseImagewx.uploadImage接口上传多张图片的代码实例。

JAVASCRIPT代码实例:

$(function(){
    wx.config({
	debug: false,
	appId: '<? echo $signPackage["appId"];?>',
	timestamp: <? echo $signPackage["timestamp"];?>,
	nonceStr: '<? echo $signPackage["nonceStr"];?>',
	signature: '<? 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 为上传图片队列。

搬瓦工,CN2高速线路,1GB带宽,电信联通优化KVM,延迟低,速度快,建站稳定,搬瓦工BandwagonHost VPS优惠码BWH26FXH3HIQ,支持<支付宝> 【点击购买】!

Vultr$3.5日本节点,512M内存/500G流量/1G带宽,电信联通优化,延迟低,速度快【点击购买】!

腾讯云云产品精选秒杀【点击购买】

阿里云香港、新加坡VPS/1核/1G/25G SSD/1T流量/30M带宽/年付¥288【点击购买】

百度云不止一折优惠【点击购买】

发表评论

电子邮件地址不会被公开。 必填项已用*标注