微信 JS-SDK 选取手机照片上传功能的详细说明

/**

 * 使用jssdk接口的页面，必须引用该文件

 * actionUrl：后台服务请求地址

 * url：微信jssdk授权页面地址

 */

$.post("/getJsapiSign", {'url':location.href.split('#')[0]}, function(data) {

 wx.config({

 debug : false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。

 appId : data.appid, // 必填，公众号的唯一标识

 timestamp : data.timestamp, // 必填，生成签名的时间戳

 nonceStr : data.noncestr, // 必填，生成签名的随机串

 signature : data.signature,// 必填，签名，见附录1

 jsApiList : [ 'checkJsApi',

  'onMenuShareTimeline',

  'onMenuShareAppMessage',

  'onMenuShareQQ',

  'onMenuShareWeibo',

  'hideMenuItems',

  'showMenuItems',

  'hideAllNonBaseMenuItem',

  'showAllNonBaseMenuItem',

  'translateVoice',

  'startRecord',

  'stopRecord',

  'onRecordEnd',

  'playVoice',

  'pauseVoice',

  'stopVoice',

  'uploadVoice',

  'downloadVoice',

  'chooseImage',

  'previewImage',

  'uploadImage',

  'downloadImage',

  'getNetworkType',

  'openLocation',

  'getLocation',

  'hideOptionMenu',

  'showOptionMenu',

  'closeWindow',

  'scanQRCode',

  'chooseWXPay',

  'openProductSpecificView',

  'addCard',

  'chooseCard',

  'openCard',

  'getLocalImgData'

 ]

 });

 wx.error(function(res) {

 alert("wx.config加载失败");

 });

}, 'json');

wx.chooseImage({

 count: 1, // 默认9

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

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

 success: function (res) {

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

  wx.uploadImage({

  localId: localIds[0], // 需要上传的图片的本地ID，由chooseImage接口获得

  isShowProgressTips: 1, // 默认为1，显示进度提示

  success: function (res) {

   var medias = {'lid':localIds[0].toString(), 'sid':res.serverId};

   $('#img_media').attr('src', medias.lid);

  },fail:function(res){

   alert("上传失败");

  }

  });

 }

});

if (window.__wxjs_is_wkwebview) {

 wx.getLocalImgData({

 localId: localIds[0], // 图片的localID

 success: function (res) {

  var localData = res.localData; // localData是图片的base64数据，可以用img标签显示

  localData = localData.replace('jgp', 'jpeg');//iOS 系统里面得到的数据，类型为 image/jgp,因此需要替换一下

  $('#img_media').attr('src', localData);

 },fail:function(res){

  alert("显示失败");

 }

 });

}