微信上传图片，图片对到本地

 

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