解决微信分享朋友圈不显示小图片问题的方法

作者:简简单单 2015-01-21

发生背景:

微信sdk在2015.1.16发生一次版本升级。

分享的微信url无法看到小图片。

2015.1.20 某html5放在自己服务器的,分享到微信朋友圈,发现iphone下没有小图片

js代码

var img=document.getElementById(“s2″).src;
wx.onMenuShareTimeline({
title: “大寒迎暖春,快来测测春心吧! “+word,
link: “http://s90.x-idea.com/dh/”, // 分享链接
//imgUrl: “http://41.xxk.com/wx/logo.png”, // 分享图标
imgUrl: img,
success: function () {
// 用户确认分享后执行的回调函数
},
cancel: function () {
// 用户取消分享后执行的回调函数
}
});

1.如果直接使用imgUrl: “http://41.xxk.com/wx/logo.png”,这种方式,苹果下分享无法出现小图片,同事部分android无法显示

2.必须在网页上挂一个隐藏的图,但是不要display:none
然后采用js读取这个图

3.特别注意,有时候部分服务器无法load这张图片,换个服务器试试也许就好了。

4.测试你有没有权限进行分享微信内容到朋友圈

wx.checkJsApi({
jsApiList: ['onMenuShareTimeline'],
success: function(res) {
alert(JSON.stringify(res));

},

});

5.你想显示的那个图要足够大。微信标准里说不要小于300*300

我一般采用800*800的一个图。

相关文章

精彩推荐