前言

最近從三月初開始就發現有使用者反應微信瀏覽器選擇圖片顯示不了預覽，仔細查詢發現跟微信最近升級瀏覽器核心有關，發現需要升級weixin js sdk了，並且需要修改一些方法，以及對一些老版本的相容。

weixin選取圖片程式碼(老版本jweixin-1.2.0.js之前的版本)

wx.chooseImage({
  count: 1, 
  sizeType: ['original', 'compressed'],
  sourceType: ['album', 'camera'],
  success: function (res) {
    var localId = res.localIds[0
 
];
    $('img.avatar-temp').attr('src', localId);
  }
)};

使用如上程式碼發現圖片在iphone上無法顯示，Android上可以無差別顯示，那肯定是瀏覽器核心的問題了，解決辦法就是升級weixin js sdk嘍，直接升級微信js sdk

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

接下來就是修改選顯示圖片的步驟了

wx.chooseImage({
  count: 1, 
  sizeType: ['original'
 
, 'compressed'],
  sourceType: ['album', 'camera'],
  success: function (res) {
    var localId = res.localIds[0];
    if(window.__wxjs_is_wkwebview){
        wx.getLocalImgData({
            localId: localId,
            success: function (res) {
                var localData = res.localData;
                localData = localData.replace('jgp'
 
, 'jpeg');
                $('img.avatar-temp').attr('src', localData);
            },
            fail:function(res){
                alert(res.errMsg);
            }
        });
    }else{
        $('img.avatar-temp').attr('src', localId);
    }
  }
)};

使用getLocalImgData方法即可在wkwebview瀏覽器核心也可以正常顯示圖片了。注意記得一定要判斷瀏覽器核心，不然總有一個出問題的，並且在else裡面做你該做的事情，千萬別忘了！！！！

weixin上傳圖片

我選擇直接上傳到微信伺服器上面，然後在利用反回的圖片地址，讓自己伺服器去非同步下載圖片

wx.uploadImage({
    localId: localId,
    isShowProgressTips: 1,
    success: function (res) {
        auth_image.serverId = res.serverId;
    },
    fail: function (res) {
        alert(JSON.stringify(res));
    }
});