//2.微信上传图片接口实现

  <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>

     <script language = "javascript" >

         $(function(){

             wx.config({

                 debug: false,

                 appId: '${wxconfig.appID}',

                 timestamp: '${wxconfig.timestamp}',

                 nonceStr: '${wxconfig.nonce}',

                 signature: '${wxconfig.signature}',

                  jsApiList: [

                              'chooseImage',

                              'uploadImage',

                              'downloadImage'

                          ]

             });

             var images = {

                     localId: [],

                     serverId: []

                   };

             $("#content-${popid} .stBtn").click(function(){

                 var formObj = $(this).parents(".frmComment");

                  $('.serverId',formObj).val("");

                 wx.ready(function(){

                     //拍照或从手机相册中选图接口

                     wx.chooseImage({

                         count: 5, // 最多能选择多少张图片，默认9

                         sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有

                         sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有

                         success: function (res) {

                             var localId = res.localIds; // 返回选定照片的本地ID列表，localId可以作为img标签的src属性显示图片

                             var localIdImg=localId.toString().split(",");

                             //上传图片接口                            

                                 if (localIdImg.length == 0) {

                                   return;

                                 }

                                 var i = 0, length = images.localId.length;

                                 images.serverId = [];

                                 function upload() {

                                   wx.uploadImage({

                                     localId: localId[i],

                                     success: function (res) {

                                       $("#content-${popid} #imgdiv").append("<img  src=\""+localIdImg[i]+"\" />");

                                       i++;

                                       images.serverId.push(res.serverId);

                                       var tmpServerId = $('.serverId',formObj).val();

                                       $('.serverId',formObj).val(tmpServerId+res.serverId+",");

                                       if (i < localIdImg.length) {

                                         upload();

                                       }

                                       if(localIdImg.length>3){

                                              $("#content-${popid} #imgdiv").height("200px");

                                          }

                                     $("#content-${popid} #imgdiv").show();

                                     $("#content-${popid} .stBtn").hide();

                                     $("#content-${popid} .saveBt a").hide();

                                     $("#content-${popid} .stBtn").show();

                                     $("#content-${popid} .saveBt a").show();

                                     },

                                     fail: function (res) {

                                       alert(JSON.stringify(res));

                                     }

                                   });

                                 }

                                 upload();

                         }

                     });

                 });

              });

 </script>