uni-app 微信小程序端 uni.getImageInfo 获取图片信息错误

uni-app 微信小程序端 uni.getImageInfo 获取图片信息错误

开发环境 版本号 项目创建方式
Windows w10 HBuilderX

操作步骤：

  • bug描述中

预期结果：

  • bug描述中

实际结果：

  • bug描述中

bug描述：

微信小程序端uni.getImageInfo，获取图片信息错误

  1. 新建hello-uni-app 首页onLoad放入以下代码
uni.getImageInfo({  
// src: 'https://file.shopro.top/uploads/20200410/ab863760d809b0d0bfdf5eed24fecb61.png',  
src:'https://www.easck.com/d/file/200425/20200425073031141.jpg',  
success: res => {  
console.log(res);  
},  
fail: err => {  
console.log(err)  
}  
})

更多关于uni-app 微信小程序端 uni.getImageInfo 获取图片信息错误的实战教程也可以访问 https://www.itying.com/category-93-b0.html

5 回复

清空全部缓存，获取图片信息失败后， 走一下上传图片api，然后就又可以了

更多关于uni-app 微信小程序端 uni.getImageInfo 获取图片信息错误的实战教程也可以访问 https://www.itying.com/category-93-b0.html


我也是这问题

微信开发者工具升级到最新版

回复 itmonkey: 感谢，已解决

问题分析：

uni.getImageInfo 在微信小程序端获取网络图片信息失败，通常由以下原因导致：

  1. 域名未配置：微信小程序要求所有网络请求的域名必须在 mp.weixin.qq.com 后台的 开发管理 -> 开发设置 -> 服务器域名 -> downloadFile合法域名 列表中配置。你使用的图片链接（https://www.easck.com/...）如果不在该列表中，请求将被拦截。
  2. HTTPS限制：微信小程序要求所有网络资源必须使用 HTTPS 协议。请确保图片链接是 https:// 开头。
  3. 图片服务器限制：部分图片服务器可能禁止跨域访问或设置了防盗链，导致小程序无法获取图片信息。
  4. 临时链接问题：如果使用本地临时路径（如 wxfile://），需确保图片已成功保存到本地。

解决方案：

  1. 检查域名配置：

    • 登录微信小程序后台，在 开发设置 中，将图片所在域名（如 www.easck.com）添加到 downloadFile合法域名 列表。
    • 如果是临时测试，可在开发工具中勾选 不校验合法域名（仅限开发环境）。

  2. 使用本地图片测试：

    • 将图片下载到项目 static 目录，使用相对路径（如 /static/test.jpg）测试，排除网络问题。

  3. 处理防盗链：

    • 如果图片服务器有防盗链，可尝试将图片下载到本地临时路径后获取信息：
      uni.downloadFile({
  url: 'https://www.easck.com/xxx.jpg',
  success: (res) => {
    uni.getImageInfo({
      src: res.tempFilePath,
      success: (info) => console.log(info)
    });
  }
});
回到顶部