微信小程序wx.getImageInfo()如何获取图片信息

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

一.知识点

二.列子

(1).加载时

rush:xhtml;"> 图片的大小:{{imgwidth}}px*{{imgheight}}px
rush:js;"> 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).上传图片

rush:xhtml;"> 获取图片 图片的大小:{{imgwidth}}px*{{imgheight}}px
rush:js;"> .zn-uploadimg{ padding:1rem; } .zn-uploadimg image{ margin:1rem 0; }
rush:js;"> var app = getApp() Page({ data: { tempFilePaths: '',/** * 上传图片 */ 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,}) } }) } }) } })

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。

相关文章

开发微信小程序的用户授权登录功能
小程序开发页面如何实现跳转?
浅谈小程序开发中蓝牙连接错误分析及解决方法
什么是小程序?它有哪些功能?
如何配置小程序开发项目结构?(教程)
怎么把自己的店加入小程序