devbox
小丑西瓜9
这个屌丝很懒，什么也没留下！
关注作者
热门标签
热门文章
当前位置:   article > 正文

微信小程序 动态计算图片大小_微信小程序获取图片大小几kb

作者：小丑西瓜9 | 2024-06-05 06:16:38

赞

踩

微信小程序获取图片大小几kb

微信小程序 动态计算图片大小


方法一 使用图片的mode属性

在这里插入图片描述

手动计算

  1. 给图片绑定事件bind:load，回调函数名为onImgLoad
  2. 编写回调函数，width为340是图片容器的宽度
  methods: {
    onImgLoad(event){
      // 图片的高宽数据在event.detail中
      const {width, height} = event.detail
      this.setData({
        w:340,
        h:340/width*height
      })
    }
  }

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  1. 数据返回给图片
<image bind:load="onImgLoad" style="width:{{w}}rpx;height:{{h}}rpx" src="{{data.img}}"/>

  • 1
声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/小丑西瓜9/article/detail/675191
推荐阅读
相关标签

Copyright © 2003-2013 www.wpsshop.cn 版权所有，并保留所有权利。

  

闽ICP备14008679号