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

 

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

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值