微信上传图片（单张）

var images = {
    localId : [],
    serverId : []
};//传给后台的参数
//修改头像
$.ajax({
    url: "",
    dataType: "json",
    data: {
        url: location.href.split('#')[0]
    },
    type: "post",
    success: function(data) {
        var dataObj = eval("(" + data + ")");
        wx.config({
            debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
            appId: dataObj.results.data.appId, // 必填，公众号的唯一标识
            timestamp: dataObj.results.data.timestamp, // 必填，生成签名的时间戳
            nonceStr: dataObj.results.data.nonceStr, // 必填，生成签名的随机串
            signature: dataObj.results.data.signature, // 必填，签名，见附录1
            jsApiList: ['downloadImage', 'chooseImage', 'uploadImage']
            // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
        });
        //微信JS-SDK说明文档地址：https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141115
        wx.ready(function() {
            // 如果需要在页面加载时就调用相关接口，则须把相关接口放在ready函数中调用来确保正确执行。
            $(".setheadImg").click(function() {
                wx.chooseImage({
                    debug: false,
                    count: 1, // 限制图片最多选1张
                    sizeType: ['compressed'], // 指定是压缩图
                    success: function(res) {
                        var localIds = res.localIds;
                        if(localIds.length == 1) {
                            $(".setheadImg").attr("src", localIds[0]);
                            // 微信的坑点iOS微信6.5.3及其之后的版本window.__wxjs_is_wkwebview为true时是使用WKWebview，为false或者“undefine”时是UIWebviewWKWebview
                            // 不支持res.localIds显示图片，必须用res.localData
                            if(window.__wxjs_is_wkwebview) {
                                wx.getLocalImgData({
                                    localId: localIds[0],
                                    success: function(res) {
                                        if(res.localData != "") {
                                            $(".setheadImg").attr("src", res.localData);//头像图片的容器
                                        }
                                    }
                                });
                            }
                            syncUpload(localIds);

                        }
                    },
                    error: function(res) {
                        alert(res)
                    }
                });
            });
            // sync upload pic
            var syncUpload = function(localIds) {
                var localId = localIds.pop();
                wx.uploadImage({
                    localId: localId,
                    isShowProgressTips: 1,
                    success: function(res) {
                        var serverId = res.serverId; // 返回图片的服务器端ID
                        images.serverId.push(serverId);
                        if(localIds.length > 0) {
                            syncUpload(localIds);
                        }
                    }
                });
            }
        }, function(data) {
            alert('系统繁忙,请刷新页面!')
        });
    },
    error: function(data) {
        alert('系统繁忙,请刷新页面!')
    }
})