小程序不能正常加载缩略图解决办法

检查是否设置thumb字段

小程序抓取的是thumb字段显示图片。

0.png

很多主题能够将文章的第一张图片自动设置为thumb缩略图,不需要手动设置。
所以只要你的网站能够显示缩略图,那多半不是这个问题,继续看下面。

配置域名

有部分网站的网站服务器和资源(图片、视频等)服务器不在一个域名,
例如网站域名在domain.com,而图片存放的地址在img.domain.com。
此时应该不仅将doamin.com添加到小程序的服务器域名里面,同时也应该将
img.domain.com添加到服务器域名,以本站为例:
1.png

可以看到我将res.2012.pro & video.2012.pro都添加到了合法域名里面。
这样的话你的图片就能加载了

请注意,你的图片地址必须也要是https,否则微信会拒绝访问!

设置防盗链

如果上面的方法试过了还是不行,那多半是因为你设置了防盗链。
有部分网站的资源服务器放在了对象储存或者CDN上面,并开启了防盗链。
这将导致对象储存拒绝微信小程序访问,也可能导致小程序不能加载图片。
解决方案:

1.将servicewechat.com放在防盗链白名单
2.开启允许空refer

以腾讯云对象储存为例:

2.png

这样配置就可以了,缩略图就能显示了,也能正常生产小程序分享图片了。

本文链接:

http://2012.pro/index.php/20180812/cid=100.html
1 + 8 =
9 评论
    vexChrome 68Windows 10
    2018年08月12日 回复

    谢谢,可以正常加载了

    范明明Edge 17Windows 10
    2018年09月04日 回复

    主题设置了文章头图自动获取第一张,小程序里面还是无法加载出来缩略图。
    那么多文章都要一个个修改缩略图,都快哭了!

      成都第七帅Chrome 57Windows 7
      2018年09月04日 回复

      @范明明 对啊,我是直接读thumb的。没考虑过主题的做法。
      只是一种通用做法。
      或许以后会在插件端增加读取文章第一张图吧。

    2018年09月27日 回复

    航海

    2018年10月11日 回复

    我自己魔改了小程序代码加上了默认图片,嘿嘿嘿

      成都第七帅Chrome 57Windows 7
      2018年10月11日 回复

      @0xPoker 大佬牛逼

    2019年05月14日 回复

    加了字段也是无效果啊

    philipChrome 78Windows 10
    2019年12月03日 回复

    大佬还在吗?

    10月16日 回复

    jjx