1、获取公众号的全局唯一票据
接口调用请求说明
http请求方式: GET https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=APPID&secret=APPSECRET
2、用第一步获取access_token采用http get方式请求获得jsapi_ticket
http请求方式: GET https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token=ACCESS_TOKEN&type=jsapi
3、获取签名，jsapi_ticket（第二步获取）、noncestr（生成签名的随机串）、timestamp（生成签名的时时间戳）、url（当前访问的URL）
4、把获取的 sign、appId、noncestr、timestamp 传到页面
5、页面JavaScript显示：
wx.config({
debug: false,
appId: "<%=request.getAttribute("appId")%>",
timestamp: "<%=request.getAttribute("timestamp")%>",
nonceStr: "<%=request.getAttribute("noncestr")%>",
signature: "<%=request.getAttribute("sign")%>",
jsApiList: ["chooseImage","uploadImage"]
});
wx.error(function(res){
alert("error");
});
wx.ready(function(){
document.querySelector('#chooseImage').onclick = function(){
wx.chooseImage({
success: function (res) {
var uploadSrc = res.localIds.toString();
$("#faceImg").attr("src", downSrc);//显示图片到页面上
wx.uploadImage({//上传到微信服务器上
localId: uploadSrc,
success: function (res) {
var resultVal = res.serverId;
$("#faceImgEncode").val(resultVal);//保存微信资源ID，到服务端准备下载
},
fail: function (res) {
alert(JSON.stringify(res));
}
});
}
});
};
});
6、页面显示：
<pclass="img"id="chooseImage"><imgid="faceImg"src="123.jpg"/></p>
<inputtype="hidden"id="faceImgEncode"/>
7、后台处理图片，把资源文件对到本地服务。
http://file.api.weixin.qq.com/cgi-bin/media/get?access_token=token&media_id=页面获取ID