微信分享缩略图无法显示的解决办法

来源:互联网 发布:程序员必备网站 编辑:程序博客网 时间:2024/05/21 22:21

首先这个问题分两种情况:

 一是你停留在没有搞明白缩略图如何自定义:

       即没有调用JS接口传给微信图片链接,这种情况微信会默认把你html5页面的第一页缩略图拿来当左侧的缩略图,第二种是你给的图片链接不可用或者图片尺寸不对这时左侧会显示一个灰色的链接占位图,这种情况就得去你上传的图床 或者 自己的服务器上排查了,微信推荐的图片尺寸是300*300以上,不过亲测小于或者大于这个尺寸也是可以用的.

二是自己写的js接口上传缩略图:

       这种情况如果把图片链接复制到浏览器上能正常显示的话分享也是没问题的,但有特例可能是图片编码之类的错误在网页上能正常显示但是传给微信接口就无论如何显示的都是灰色的链接占位图,我尝试过转换格式png->jpg 更换文件名 更换图片尺寸等各种方式但是都不好用,最后的解决办法是把服务器上原有的图片删除掉新生成一张图片传上去,就这样好了, 网上曾经找到过另一种方案他的做法是在网页上添加一张透明隐藏图片但不设置 display:none;属性, 然后再去用js获取这个隐藏图片,时间原因我没有实验但是想法是 这是服务器上的同一张图片缓存到网页里也是同一张图片不会有什么本质的区别所以觉得这个方案不行, 如果有哪位大神可以亲测告诉我,感激不尽大笑

0 0
原创粉丝点击