微信小程序怎么通过图片链接获取图片宽高比(适合在下载图片前获取宽高比)

在微信小程序中,可以通过 wx.getImageInfo 来获取图片链接的宽高信息:

js

wx.getImageInfo({
  src: '图片链接',
  success: res => {
    console.log(res.width, res.height)

    // 计算宽高比
    const ratio = res.width / res.height
  } 
})

getImageInfo 是一个异步API,它会去下载图片并获取到图片的宽高信息。

主要步骤:

1. 通过 wx.getImageInfo 获取图片宽高
2. 在 success 回调中可以拿到 width 和 height
3. 将 width 除以 height 即可计算出宽高比 ratio

注意:

- getImageInfo 需要在服务器域名配置白名单,否则无法获取非本地图片信息
- ratio 越大表示图片越宽,越小则表示图片越长
- 如果是用于展示图片,建议在下载前计算宽高比,以决定图片的展示尺寸