微信小程序|小程序开发
.getImageInfo,小程序,图片
微信小程序-小程序开发本文实例为大家分享了Android九宫格图片展示的具体代码，供大家参考，具体内容如下
asp源码模板网站,vscode工具,ubuntu 反编译工具,进程 tomcat,sqlite 数据观察,国外服务器是不是没国内快,响应式焦点图插件,前端框架最简单,nodejs爬虫视频教程,太原PHP培训机构,seo顾问服务深圳,官网宝网站代码,网页文字有阴影,wordpress 模板 教育,jquery 页面导出word,员工管理系统模块,小程序 开源demolzw
一.知识点
大富豪游戏源码全套程序,vscode调整图片形状,ubuntu /usr分区,tomcat6.0 漏洞,sqlite3 显示表数据,养蛇需要用爬虫饲养箱吗,php网站忘记后台密码,正规seo快速优化广告,动易网站模板,word 目录 来自模板lzw
微信 小程序 源码,vscode下载包,ubuntu恢复没有网络,tomcat内置jdt,vs 使用 sqlite,jquery 轮播图插件,web前端框架有几个,广州爬虫视频,php json输出,SEO三人行画室,投票系统网站源码,易语言网页操作模块源码,织梦营销模板下载,电商html静态页面模板下载,数据库超市管理系统源代码,flashfxp程序源码lzw
二.列子
(1).加载时
图片的大小：{{imgwidth}}px*{{imgheight}}px
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).上传图片时
图片的大小：{{imgwidth}}px*{{imgheight}}px
.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, }) } }) }}) } })
