小程序使用.getImageInfo()获取图片信息

本文实例为大家分享了Android九宫格图片展示的具体代码，供大家参考，具体内容如下

一.知识点

二.列子

(1).加载时

<view class="zn-uploadimg">      <image src="{{tempFilePaths}}" mode="aspecFill" style="width: 100%; height: 450rpx" />      <text>图片的大小：{{imgwidth}}px*{{imgheight}}px</text>   </view>

var app = getApp()    Page({     data: {        tempFilePaths: '../uploads/foods.jpg',       imgwidth:0,       imgheight:0,      },     onReady:function(){       // 页面渲染完成        var _this = this;        wx.getImageInfo({         src: _this.data.tempFilePaths,         success: function (res) {           _this.setData({             imgwidth:res.width,             imgheight:res.height,           })         }       })      }    })

(2).上传图片时

<view class="zn-uploadimg">     <button type="primary"bindtap="chooseimage">获取图片</button>      <image src="{{tempFilePaths}}" mode="aspecFill" style="width: 100%; height: 450rpx"/>      <text>图片的大小：{{imgwidth}}px*{{imgheight}}px</text>   </view>

.zn-uploadimg{     padding:1rem;   }   .zn-uploadimg image{     margin:1rem 0;   }

var app = getApp()    Page({     data: {        tempFilePaths: '',        imgwidth:0,       imgheight:0,     },     /**       * 上传图片      */     chooseimage: function () {        var _this = this;        wx.chooseImage({          count: 1, // 默认9          sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有          sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有          success: function (res) {            // 返回选定照片的本地文件路径列表，tempFilePath可以作为img标签的src属性显示图片            _this.setData({              tempFilePaths:res.tempFilePaths            })            wx.getImageInfo({             src: res.tempFilePaths[0],             success: function (res) {               _this.setData({                 imgwidth:res.width,                 imgheight:res.height,               })             }           })          }        })      }    })

相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！

推荐阅读：

怎样开发微信小程序获取用户个人信息

Vue2.5与Element UI的组件分页功能实现

微信小程序的多文件下载封装使用

jquery动态添加和遍历option的方法

以上就是小程序使用.getImageInfo()获取图片信息的详细内容，更多内容请关注技术你好其它相关文章！