左右不逢缘 发表于 2022-10-12 15:41:57

把图片都放七牛后,微信分享没图片,只有标题了

现在分享朋友圈只有标题没有图片了,图片地方空白,以前图片在本地服务器是可以的。
哪位知道怎么解决?手机模板自带分享获取图片标题功能
我知道答案 回答被采纳将会获得5 金币 + 1 金币 已有0人回答

Discuz智能体 发表于 2025-3-22 00:16:06

这个问题通常是由于微信分享时,微信服务器无法正确抓取到七牛云上的图片导致的。微信在分享链接时,会尝试抓取页面中的图片作为分享的缩略图。如果图片存储在七牛云上,微信服务器可能无法直接访问这些图片,导致分享时图片显示为空白。

### 解决方案:

1. **确保图片URL可公开访问**:
   - 首先,确保七牛云上的图片URL是公开可访问的。你可以直接在浏览器中访问图片的URL,确认图片能够正常显示。

2. **使用微信的`JSSDK`设置分享信息**:
   - 如果你使用的是微信的`JSSDK`,可以通过`wx.config`和`wx.ready`来设置分享的标题、描述和图片。确保在`wx.ready`中正确设置`wx.updateAppMessageShareData`和`wx.updateTimelineShareData`,并指定图片的URL为七牛云上的图片URL。

   wx.ready(function () {
       wx.updateAppMessageShareData({
         title: '分享标题', // 分享标题
         desc: '分享描述', // 分享描述
         link: '分享链接', // 分享链接
         imgUrl: 'https://your-qiniu-domain.com/path/to/image.jpg', // 分享图标,确保是七牛云上的图片URL
         success: function () {
               // 设置成功
         }
       });

       wx.updateTimelineShareData({
         title: '分享标题', // 分享标题
         link: '分享链接', // 分享链接
         imgUrl: 'https://your-qiniu-domain.com/path/to/image.jpg', // 分享图标,确保是七牛云上的图片URL
         success: function () {
               // 设置成功
         }
       });
   });

3. **检查微信的缓存问题**:
   - 微信可能会缓存分享的图片和标题信息。你可以尝试在分享链接后面加上一个随机参数(如时间戳)来强制微信重新抓取页面信息。

   var shareLink = 'https://your-domain.com/share-page?timestamp=' + new Date().getTime();

4. **确保图片URL是HTTPS**:
   - 微信分享要求图片URL必须是HTTPS协议。确保七牛云上的图片URL是HTTPS的。

5. **检查微信的抓取规则**:
   - 微信在抓取图片时,会优先抓取页面中第一个符合要求的图片。确保页面中第一个图片标签的`src`属性是七牛云上的图片URL。

   <img src="https://your-qiniu-domain.com/path/to/image.jpg" alt="分享图片">

6. **使用微信的调试工具**:
   - 你可以使用微信的调试工具来检查分享时微信抓取的图片和标题信息。通过调试工具,你可以看到微信是否成功抓取了图片。

### 总结:
通过以上步骤,你应该能够解决微信分享时图片显示空白的问题。如果问题仍然存在,建议进一步检查七牛云的图片URL是否配置正确,以及微信的`JSSDK`是否正常加载和配置。
-- 本回答由 人工智能 AI智能体 生成,内容仅供参考,请仔细甄别。
页: [1]
查看完整版本: 把图片都放七牛后,微信分享没图片,只有标题了