微信接口调用
protected void Page_Load(object sender, EventArgs e) { if (ThisSession.UserType ==1)//学生报名的时候 自动加载当前学生的身份证号 { txt_IDCardNO.Text = ThisSession.IdNumber; txt_IDCardNO.Enabled = true; } if (!IsPostBack) { BindLearnType(); BindClassType(); BindJiaoFeiType(); GetTimeStamp_Str = GetTimeStamp(); var GetTakenStr = HttpHelper.HttpGetConnectToServer("https://api.weixin.qq.com/cgi-bin/token", "grant_type=client_credential&appid=wx6596bfb9388cc63c&secret=eb0c0d643d4e7bd3a43b61fd1031a2f2");//get Taken_Model taken_Model = JsonHelper.DeserializeObject<Taken_Model>(GetTakenStr); Wx_Token = taken_Model.access_token; var jsapi_ticket_Str = HttpHelper.HttpGetConnectToServer("https://api.weixin.qq.com/cgi-bin/ticket/getticket", "access_token=" + taken_Model.access_token + "&type=jsapi");//get Jsapi_Ticket jsapi_ticket = JsonHelper.DeserializeObject<Jsapi_Ticket>(jsapi_ticket_Str); TimeSpan ts = DateTime.UtcNow - new DateTime(1970, 1, 1, 0, 0, 0, 0); var tstem = GetTimeStamp_Str; var noncestr = "tianpeng"; var jmdata = "jsapi_ticket={0}&noncestr={1}×tamp={2}&url={3}"; jmdata = string.Format(jmdata, jsapi_ticket.ticket, noncestr, tstem, "http://hstwx.wisdom-gps.com:52539/SignUp/SignUp.aspx"); signature_Str = System.Web.Security.FormsAuthentication.HashPasswordForStoringInConfigFile(jmdata, "sha1"); nonceStr_Str = noncestr; } }
前端
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="SignUp.aspx.cs" Inherits="Wisdom.JPClient.WeiXin.Web.SignUp.SignUp" %> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <script src="../Script/jweixin-1.0.0.js"></script> <link href="../Theme/myh5.css" rel="stylesheet" /> <title></title> <style> .SignUp-Upload-tip { margin-bottom:10px;font-size:18px;color:#333333;margin-top:10px;} #div_PicUpload_pic1 { width:45%; text-align:center; float: right; height:176px; border: 1px solid #DDDDDD; border-radius: 6px;line-height: normal;vertical-align: middle; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;box-sizing: border-box;} #Pic_zhengmian { margin-top:60px;} #Pic_fanmian { margin-top:60px;} #div_PicUpload_pic2 {width:45%; text-align:center; height:176px; border: 1px solid #DDDDDD; border-radius: 6px;line-height: normal;vertical-align: middle; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;box-sizing: border-box;} .SubmitButton {height:70px;} .clear { display: none; width: 25px; height: 25px; background: url(../Theme/Default/images/icon_close.png) no-repeat; outline: none; } .login_input::-ms-clear { display: none; } .login_input:valid + .clear { display: inline; } </style> </head> <body> <form id="form1" runat="server"> <script> var GetTimeStamp_Str="<%=GetTimeStamp_Str%>"; var nonceStr_Str ="<%=nonceStr_Str%>"; var signature_Str = "<%=signature_Str%>"; wx.config({ debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。 appId: 'wx6596bfb9388cc63c', // 必填,公众号的唯一标识 timestamp: GetTimeStamp_Str, // 必填,生成签名的时间戳 nonceStr: nonceStr_Str, // 必填,生成签名的随机串 signature: signature_Str,// 必填,签名,见附录1 jsApiList: ['chooseImage', 'previewImage', 'uploadImage'] // 必填,需要使用的JS接口列表,所有JS接口列表见附录2 }); wx.ready(function(){ }); wx.error(function(res){ }); var images = { localId: [], serverId: [] }; function Select_Pic(obj,Type) { images.localId = []; images.serverId = []; wx.chooseImage({ count: 1, // 默认9 sizeType: [ 'compressed'], // 可以指定是原图还是压缩图,默认二者都有 sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机,默认二者都有 success: function (res) { var localIds = res.localIds; // 返回选定照片的本地ID列表,localId可以作为img标签的src属性显示图片 images.localId[0] = localIds; SavePic(obj,localIds,Type); } }); } function SavePic(obj,ids,Type) { wx.uploadImage({ // localId: ids, // 需要上传的图片的本地ID,由chooseImage接口获得 localId: images.localId[0].toString(), isShowProgressTips: 1, // 默认为1,显示进度提示 success: function (res) { var serverId = res.serverId; // 返回图片的服务器端ID //alert("服务器地址为:"+serverId); if (Type == 2) { $("#Hd_Pic_zhengmian").val(serverId); $("#Pic_zhengmian_View").show(); $("#Pic_zhengmian_View").attr("src", ids); $("#Pic_zhengmian").hide(); } else { $("#Hd_Pic_fanmian").val(serverId); $("#Pic_fanmian_View").show(); $("#Pic_fanmian_View").attr("src", ids); $("#Pic_fanmian").hide(); } } }); } function ViewPic(ids) { wx.previewImage({ current: ids, // 当前显示图片的http链接 urls: [] // 需要预览的图片http链接列表 }); } </script> <div class="wzui-body"> <div id="personal-cnee-hd" style="height: 50px;"> <div class="wzui-fixed-placeholder"></div> <div class="wzui-fixed" style="text-align: center;"> <div class="hd-nav" style="background-color: #197FEE; height: 40px;"> <a id="nav-back" href="../Main.aspx">返回</a> <a style="color: white; font-size: 22px;">在线报名</a> </div> </div> </div> <div id="login_main"> <div class="login_main-center"> <div style="color:red; font-size:10px;"></div> <div class="login_main-center-tel"> <div class="login_main-center-tel-div"> <asp:TextBox ID="txt_TrueName" placeholder="学员姓名" runat="server" MaxLength="25" class="login_input" style=""></asp:TextBox> <a href="javascript:" class="login_main-center-Clear clear" onclick="ClearText(this)"></a> <span style="margin-left:5px;color:red"></span> </div> <div class="login_main-center-tel-div-img" style="margin-top:-75px;"> <img id="img_phone" src="../Theme/Default/images/Phone_grey.png" /> </div> </div> <div class="login_main-center-tel"> <div class="login_main-center-tel-div"> <asp:TextBox ID="txt_Mobile" placeholder="手机号码" runat="server" MaxLength="11" class="login_input" style=""></asp:TextBox> <a href="javascript:" class="login_main-center-Clear clear" onclick="ClearText(this)"></a> <span style="margin-left:5px;color:red"></span> </div> <div class="login_main-center-tel-div-img" style="margin-top:-75px;"> <img id="img1" src="../Theme/Default/images/Phone_grey.png" /> </div> </div> <div class="login_main-center-tel"> <div style="z-index: 2"> <asp:DropDownList ID="DropLearnType" style="font-size:22px;" runat="server" class="login_input selcet_type" > </asp:DropDownList><span style="margin-left:5px;color:red"></span> </div> <div class="login_main-center-select-pic" style="margin-top:-60px;"> <img id="img_arrow" src="../Theme/Default/images/icon_arrow_down.png" /> </div> <div class="login_main-center-select-pic2" style="margin-top:-75px;"> <img id="img_name" src="../Theme/Default/images/icon_name_grey.png" /> </div> </div> <div class="login_main-center-tel"> <div style="z-index: 2"> <asp:DropDownList ID="DropClassType" style="font-size:22px;" runat="server" class="login_input selcet_type" > </asp:DropDownList><span style="margin-left:5px;color:red"></span> </div> <div class="login_main-center-select-pic" style="margin-top:-60px;"> <img id="img2" src="../Theme/Default/images/icon_arrow_down.png" /> </div> <div class="login_main-center-select-pic2" style="margin-top:-75px;"> <img id="img3" src="../Theme/Default/images/icon_name_grey.png" /> </div> </div> <div class="login_main-center-tel"> <div style="z-index: 2"> <asp:DropDownList ID="DropShouFeiType" runat="server" style="font-size:22px;" class="login_input selcet_type" > </asp:DropDownList><span style="margin-left:5px;color:red"></span> </div> <div class="login_main-center-select-pic" style="margin-top:-60px;"> <img id="img5" src="../Theme/Default/images/icon_arrow_down.png" /> </div> <div class="login_main-center-select-pic2" style="margin-top:-75px;"> <img id="img6" src="../Theme/Default/images/icon_name_grey.png" /> </div> </div> <div class="login_main-center-tel"> <div class="login_main-center-tel-div" > <asp:TextBox ID="txt_IDCardNO" placeholder="身份证号" runat="server" MaxLength="20" class="login_input" style=""></asp:TextBox><span style="margin-left:5px;color:red"></span> <a href="javascript:" class="login_main-center-Clear clear" onclick="ClearText(this)"></a> </div> <div class="login_main-center-tel-div-img" style="margin-top:-75px;"> <img id="img4" src="../Theme/Default/images/Phone_grey.png" /> </div> </div> <div class="SignUp-Upload-tip">请上传您的身份证照片</div> <div id="div_PicUpload"> <div id="div_PicUpload_pic1"> <img id="Pic_fanmian" src="../Theme/Default/images/icon_add.png"/> <img id="Pic_fanmian_View" src="" style="max-height:176px;"/> </div> <div id="div_PicUpload_pic2"> <img id="Pic_zhengmian" src="../Theme/Default/images/icon_add.png"/> <img id="Pic_zhengmian_View" src="" style="max-height:176px;"/> </div> </div> <div class="login_main-center-btn SubmitButton"> <img src="../Theme/Default/images/btn_sign-up.png" style="width: 94%; margin-left: auto; cursor: pointer;" id="btnSearch" onclick="checkinfo();" /> </div> <asp:HiddenField ID="Hd_Pic_zhengmian" runat="server" /> <asp:HiddenField ID="Hd_Pic_fanmian" runat="server" /> </div> </div> <asp:Button ID="btn_SignUp" runat="server" style="display:none;" OnClick="btn_SignUp_Click" /> </div> <script type="text/javascript"> $(function () { $("#select_Type").focus(function () { $("#img_arrow").attr("src", "../Theme/Default/images/icon_arrow_blue.png"); }); $("#select_Type").focus(function () { $("#img_name").attr("src", "../Theme/Default/images/icon_name_blue.png"); }); $("#txt_Tel").focus(function () { $("#img_phone").attr("src", "../Theme/Default/images/Phone_-blue.png"); }); $("#txt_Pwd").focus(function () { $("#img_pwd").attr("src", "../Theme/Default/images/icon_password_blue.png"); }); $("#select_Type").blur(function () { $("#img_arrow").attr("src", "../Theme/Default/images/icon_arrow_down.png") }); $("#select_Type").blur(function () { $("#img_name").attr("src", "../Theme/Default/images/icon_name_grey.png") }); $("#txt_Tel").blur(function () { $("#img_phone").attr("src", "../Theme/Default/images/Phone_grey.png"); }); $("#txt_Pwd").blur(function () { $("#img_pwd").attr("src", "../Theme/Default/images/icon_password_grey.png"); }); $("#div_PicUpload_pic2").click(function () { Select_Pic(this,2);//正面 }); $("#div_PicUpload_pic1").click(function () { Select_Pic(this,1);//反面 }); if ($("#Pic_zhengmian_View").attr("src") == "") { $("#Pic_zhengmian_View").hide(); } if ($("#Pic_fanmian_View").attr("src") == "") { $("#Pic_fanmian_View").hide(); } }); function checkinfo() { if ($.trim($("#txt_TrueName").val()) == "") { alert("学员姓名不能为空!"); return false; } if ($.trim($("#txt_Mobile").val()) == "") { alert("手机号码不能为空!"); return false; } var myreg = /^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1}))+\d{8})$/; if (!myreg.test($("#txt_Mobile").val())) { alert('请输入有效的手机号码!'); return false; } if ($.trim($("#DropLearnType").val()) == "请选择学车类型") { alert("请选择学车类型!"); return false; } if ($.trim($("#DropClassType").val()) == "请选择班级") { alert("请选择班级!"); return false; } if ($.trim($("#DropShouFeiType").val()) == "请选择收费方式") { alert("请选择收费方式"); return false; } if ($.trim($("#txt_IDCardNO").val()) == "") { alert("身份证号不能为空"); return false; } //if ($.trim($("#Hd_Pic_zhengmian").val()) == "") //{ // alert("请上传身份证正面照片!"); // return false; //} //if ($.trim($("#Hd_Pic_fanmian").val()) == "") { // alert("请上传身份证反面照片!"); // return false; //} // return true; $("#btn_SignUp").click(); } </script> </form> </body> </html>