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

作者：羊村懒王 | 2024-06-05 06:16:10

踩

微信小程序获取图片宽高

在微信小程序中,可以通过 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 越大表示图片越宽,越小则表示图片越长
- 如果是用于展示图片,建议在下载前计算宽高比,以决定图片的展示尺寸

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/羊村懒王/article/detail/675188