微信公众号 多图上传

最近弄微信公众号对接，需要调用微信接口，多图上传

<div style="display: flex; align-items: center;" class="weui-cell"><input type="hidden" id="tempID" /><input type="hidden" id="img_url" /><label>附件：</label><button onclick="upImgs()" id="chooseImg">请上传附件</button> <div class="form-group is_la_pramol"><input type="hidden" runat="server" id="payCertificate11" /><input type="hidden" runat="server" id="payCertificate22" /><input type="hidden" runat="server" id="payCertificate33" /><input type="hidden" runat="server" id="payCertificate44" /><input type="hidden" runat="server" id="payCertificate55" /><input type="hidden" runat="server" id="payCertificate66" /><input type="hidden" runat="server" id="payCertificate77" /><input type="hidden" runat="server" id="payCertificate88" /><input type="hidden" runat="server" id="payCertificate99" /><div id="pzImgNew_store">查看</div><img src="/images/photo.png" id="cImg11" runat="server" onclick="showImg('cImg11','payCertificate11','pzImgs11','popup02')" width="61" height="35" /><img src="/images/photo.png" id="cImg22" runat="server" onclick="showImg('cImg22','payCertificate22','pzImgs22','popup02')" width="61" height="35" /><img src="/images/photo.png" id="cImg33" runat="server" onclick="showImg('cImg33','payCertificate33','pzImgs33','popup02')" width="61" height="35" /><img src="/images/photo.png" id="cImg44" runat="server" onclick="showImg('cImg44','payCertificate44','pzImgs44','popup02')" width="61" height="35" /><img src="/images/photo.png" id="cImg55" runat="server" onclick="showImg('cImg55','payCertificate55','pzImgs55','popup02')" width="61" height="35" /><img src="/images/photo.png" id="cImg66" runat="server" onclick="showImg('cImg66','payCertificate66','pzImgs66','popup02')" width="61" height="35" /><img src="/images/photo.png" id="cImg77" runat="server" onclick="showImg('cImg77','payCertificate77','pzImgs77','popup02')" width="61" height="35" /><img src="/images/photo.png" id="cImg88" runat="server" onclick="showImg('cImg88','payCertificate88','pzImgs88','popup02')" width="61" height="35" /><img src="/images/photo.png" id="cImg99" runat="server" onclick="showImg('cImg99','payCertificate99','pzImgs99','popup02')" width="61" height="35" /></div>

var appID = '<%=appID%>'; var signature = '<%=signature%>';//微信配置wx.config({debug: false,//true,表示调试，如果有错误会弹框提示你的appId: appID,timestamp: 5425969902,nonceStr: 'eyot19lpw86xvffg7ij3kwq2wfr7xo9',signature: signature,jsApiList: ['chooseImage', 'uploadImage'//调用的方法]});function upImgs() {wx.chooseImage({count: 9, // 默认9sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有success: function (res) {var localIds = res.localIds; // 返回选定照片的本地ID列表，localId可以作为img标签的src属性显示图片imgCount = localIds.length;for (var i = 0; i < localIds.length; i++) {//alert(localIds.length);var n = i + 1;$("#tempID" + n.toString() + n.toString()).val(localIds[i]); switch (n) {//以下赋值 是为了展示上传的时候的图片case 1:$("#pzImgs11").attr("src", localIds[i]);$("#cImg11").attr("src", localIds[i]);break;case 2:$("#pzImgs22").attr("src", localIds[i]);$("#cImg22").attr("src", localIds[i]);break;case 3:$("#pzImgs33").attr("src", localIds[i]);$("#cImg33").attr("src", localIds[i]);break;case 4:$("#pzImgs44").attr("src", localIds[i]);$("#cImg44").attr("src", localIds[i]);break;case 5:$("#pzImgs55").attr("src", localIds[i]);$("#cImg55").attr("src", localIds[i]);break;case 6:$("#pzImgs66").attr("src", localIds[i]);$("#cImg66").attr("src", localIds[i]);break;case 7:$("#pzImgs77").attr("src", localIds[i]);$("#cImg77").attr("src", localIds[i]);break;case 8:$("#pzImgs88").attr("src", localIds[i]);$("#cImg88").attr("src", localIds[i]);break;case 9:$("#pzImgs99").attr("src", localIds[i]);$("#cImg99").attr("src", localIds[i]);break;default:} updata3(localIds[i], n);}}});}function updata3(id, n) {wx.uploadImage({localId: id, // 需要上传的图片的本地ID，由chooseImage接口获得isShowProgressTips: 1, // 默认为1，显示进度提示success: function (res) {var serverId = res.serverId; // 返回图片的服务器端ID SavePaymentVoucher(serverId, function (data) {//此方法是去服务器下载图片switch (n) {case 1:$("#payCertificate11").val(data);$("#cImg11").attr("src", data);break;case 2:$("#payCertificate22").val(data);$("#cImg22").attr("src", data);break;case 3:$("#payCertificate33").val(data);$("#cImg33").attr("src", data);break;case 4:$("#payCertificate44").val(data);$("#cImg44").attr("src", data);break;case 5:$("#payCertificate55").val(data);$("#cImg55").attr("src", data);break;case 6:$("#payCertificate66").val(data);$("#cImg66").attr("src", data);break;case 7:$("#payCertificate77").val(data);$("#cImg77").attr("src", data);break;case 8:$("#payCertificate88").val(data);$("#cImg88").attr("src", data);break;case 9:$("#payCertificate99").val(data);$("#cImg99").attr("src", data);break;default:}});}});}function SavePaymentVoucher(PaymentVoucher, Callback) {$.ajax({type: "POST",url: "/ajaxapi-SERP3.0.ziweiyaNew/Order/SavePaymentVoucher_new",timeout: 30000,dataType: "text",data: {"mediaId": PaymentVoucher},success: function (data) {Callback(data);},error: function (XMLHttpRequest, textStatus, errorThrown) {alert("提交超时");}});}

后台代码：去微信服务器下载图片

/// <summary>/// 保存图片到服务器/// </summary>/// <param name="mediaId"></param>/// <returns></returns>public string SavePaymentVoucher_new(string mediaId){var manuId = Lib.ReadCookie("ManuID"); var path = cust_payment_payCertificate(mediaId, manuId); return path;}public static string cust_payment_payCertificate(string mediaId, string manuId){string res = string.Empty;string tempManuID = System.Configuration.ConfigurationManager.AppSettings["publicWXScanManuID"];string ApiUrl = System.Configuration.ConfigurationManager.AppSettings["ServerUploadImgUrl"];try{//微信服务器下载凭证payEvidencestring accesstoken = WXAPI.GetAccessToken("10232"); res = WebClientHelper.getRequest(ApiUrl + "/SalesUploadEvidence.aspx?accessToken=" + accesstoken + "&mediaId=" + mediaId + "&manuId=" + manuId, Encoding.UTF8);//File.AppendAllText("E:\\Web_lcc\\log.txt", "\n res=" + res); //这种方法是调试用的，把想要的信息写入文本//保存数据Log4Helper.ErrorInfo("MoblieLogger", "申请附件保存路径：" + res);}catch (Exception ex){res = ex.Message;Log4Helper.ErrorInfo("MoblieLogger", "保存图片失败", ex);}return res;}