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

来源:柚子科技 WordPress 主题、WordPress插件    date:2022-9-12        WordPress主题themes插件plugins开发定制

最近在做微信开发,下面记录一下wx.chooseImagewx.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 为上传图片队列。

腾讯云限时秒杀【点击购买】

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

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

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