美文网首页
微信sdk js初始化

微信sdk js初始化

作者: 魏立廷 | 来源:发表于2017-12-15 12:47 被阅读0次
//  初始化微信
    $(function(){
//当前页面地址
        var backurl = window.location.href;
        $.ajax({
//自己写的签名地址
            url : sign_url,
            data : {sign_backurl : backurl},
            type : "POST",
            success : function(msg) {
                if (msg != null && msg != '') {
                    var obj = eval("(" + msg + ")");
                    var nonce_str = obj.nonce_str;
                    var appid = obj.appid;
                    var sign = obj.sign;
                    var timestamp = obj.timestamp;
                    wx.config({
                        debug : false,
                        appId : appid,
                        timestamp : timestamp,
                        nonceStr : nonce_str,
                        signature : sign,
                        jsApiList : [ 'onMenuShareTimeline',
                                      'onMenuShareAppMessage', 'onMenuShareQQ',
                                      'onMenuShareWeibo', 'onMenuShareQZone',
                                      'checkJsApi',  
                                      'chooseImage',  
                                      'previewImage',  
                                      'uploadImage',  
                                      'downloadImage',  
                                      'getNetworkType',
                                      'openLocation', 
                                      'getLocation' ]
                    });
                }
            }
        });
        
        
        wx.ready(function () {

            // 5 图片接口
              // 5.1 拍照、本地选图
              var images = {
                localId: [],
                serverId: [],
             
                
              };
              document.querySelector('.camaro').onclick = function () {
                //选择图片后开始异步上传到微信服务器,在syncUpload中接受微信服务器返回的资源id,组合后uploadserverid异步上传到服务器,服务器处理后返回图片的路径,客户端js接受图片路径后组合成html,动态插入。
                wx.chooseImage({
                  success: function (res) {
                    images.localId = res.localIds;
                    len = images.localId.length;
                    syncUpload(images.localId);    
             
             
                  }
                });
              };
             
              //异步上传图片到微信服务器
              var syncUpload = function(localIds){
                  
             
                  var localId = localIds.shift();
                  
                  wx.uploadImage({
                        localId: localId,
                        isShowProgressTips: 1,
                        success: function (res) {
             
                             images.serverId.push(res.serverId);// 返回图片的服务器端ID
                            
                             if(len==images.serverId.length){
                              
                             //异步上传图片id到服务器
                              var  serverids = images.serverId.join(',');

                         
                             //销毁数据
                              images.localId = images.serverId  = [];
                             }
                            //其他对serverId做处理的代码
                             if(localIds.length > 0){
                              syncUpload(localIds);
                             }
                            
                                        
                        },
                        error: function(){
                          alert("asasasas");
                        }
                  });
                
                        
              };

    });
    });

相关文章

网友评论

      本文标题:微信sdk js初始化

      本文链接:https://www.haomeiwen.com/subject/ndarwxtx.html