微信开发----------ios无法加载已经选择好的图片

1.现象

拍照或选择是这样的:

wx.chooseImage({
count: 1, // 默认9
sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有
sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有
success: function (res) {
var localIds = res.localIds; // 返回选定照片的本地ID列表，localId可以作为img标签的src属性显示图片
}
});

最后一行,获取到localIds,如果是安卓的话,直接img src =localIds就行了.然后图片就本地展示出来了。但是IOS是不一样的。它无法展示。

2.原因

表面原因在于IOS的微信版本，iOS微信6.5.3及其之后的版本已经更换了内核。以下是内核情况

而WKWebview内核处理显示图片的方法已经改变,所以使用img标签的src属性来获取图片本地展示自然是失败的.

这里有个小技巧,如何快速得知自己的微信内核?

进到微信里打开任意一个html页面(进到一个公众号页面里当然也算在内),然后往下拉,大概可以看到这句话

如果前面字是网页由,那么是UIWebview内核

如果前面字是此网页由,那么内核是WKWebview

3.解决

解决思路是:判断内核版本,如果是WKWebview,则作其他解决

怎么判断?

在js里这样判断:window.wxjs_is_wkwebview(或许要这样写window.__wxjs_is_wkwebview,前面加2个下滑线)

如果结果是true,则代表是WKWebview,如果是undfind或者false或者null,则代表是UIWebview.

true之后怎么操作?

WKWebview 获取本地图片接口即可

wx.getLocalImgData({
localId: '', // 图片的localID
success: function (res) {
var localData = res.localData; // localData是图片的base64数据，可以用img标签src显示
}
});

备注：此接口仅在 iOS WKWebview 下提供，用于兼容 iOS WKWebview 不支持 localId 直接显示图片的问题。具体可参考《iOS网页开发适配指南》

最后

以上就是谨慎酒窝为你收集整理的微信开发----------ios无法加载已经选择好的图片的全部内容，希望文章能够帮你解决微信开发----------ios无法加载已经选择好的图片所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。