微信图片上传接口多图像上传（递归上传）

最新推荐文章于 2024-12-09 19:53:19 发布

转载最新推荐文章于 2024-12-09 19:53:19 发布 · 117 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/chenshuo/p/4838592.html

文章标签：

#php

本文详细介绍了如何使用微信开放平台API实现前端图片上传功能，包括配置参数、选择图片、上传图片、监听成功与失败等关键步骤。

/*	微信上传
		-----------------------------------------------------------------------*/

		wx.config({
			debug: true,
			appId: '<?php echo $conf["appID"]; ?>',
			timestamp: <?php echo $upload["time"]; ?>,
			nonceStr: '<?php echo $upload["nonce"]  ?>',
			signature: '<?php echo $signature; ?>',
			jsApiList: ['chooseImage', 'uploadImage', 'downloadImage', 'previewImage']
		});




		wx.ready(function() {
			document.getElementById('list-photo').onclick = function() {
				var images = {localIds:[],serverId:[]};

				wx.chooseImage({
					count: 9,
					sizeType: ['original', 'compressed'],
					sourceType: ['album'],
					success: function(res) {
						images.localIds = res.localIds;
						
						var i = 0; var length = images.localIds.length;

                        var upload = function() {
                            wx.uploadImage({
                                localId:images.localIds[i],
                                success: function(res) {

									images.serverId.push(res.serverId);
                                    
                                    //如果还有照片，继续上传
                                    i++;
									if (i < length) {
										upload();
									}
								}
                            });                     
						};

                        upload();
					}
				});
			}
		});

转载于:https://www.cnblogs.com/chenshuo/p/4838592.html