微信开发上传图片ios与安卓兼容问题

首先检查一下引入js的版本,用最新的,直接上代码

$('#kin_img').click(function(){
   var ua = navigator.userAgent.toLowerCase();
   if (ua.match(/iphone/i) == "micromessenger") {
      	var ios = true;
   } else {
   	    var ios = false;
   }
   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,
          isShowProgressTips: 1,
          success: function(res) {
	      serverId = res.serverId;
              if (ios || window.__wxjs_is_wkwebview) {
                var localId = localIds[0];
                wx.getLocalImgData({
                  localId: localId,
                  success: function (res) {
                    var localData = res.localData; // localData是图片的base64数据,可以用img标签显示
                    localData = localData.replace('jgp', 'jpeg');
                    $("#kin_img").attr("src", localData);
                    $("#kin_img").css("width", "100%");
                  },
                  fail: function (res) {
                    alert('该图片暂时无法查看')
                  }
                })
              } else {
                $("#kin_img").attr("src", localIds);
                $("#kin_img").css("width", "100%");
              }
          }
        });
      }
    });
  })

你可能感兴趣的:(微信公众号开发)