全网整合营销服务商

营销型网站+SEO优化+关键词快排=一站式服务

免费咨询热线:15959292472

[雅安seo公司立荐久澳]小程序使用.getImageInfo()获取图片信息

  这次给大家带来小程序使用.getImageInfo()获取图片信息▪▪,小程序使用.getImageInfo()获取图片信息的注意事项有哪些▲◁△,合山市小程序开发哪家好下面就是实战案例,[雅安seo公司立荐久澳]一起来看一下。

  

本文实例为大家分享了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) { 
 // 返回选定照片的本地文件路径列表,28
										2020.10
									
									
								
								
									[三沙seo公司立找久澳]微信小程序中网络请求的简单封装
									
										这篇文章主要介绍了微信小程序之网络请求简单封装实例详解的相关资料,需要的朋友可以参考下 微信小程序之网络请求简单封装实例详解 在微信小程序中实现网络请求相对于Android来说。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☆☆▼◇, 
 }) 
 } 
 }) 
 } 
 }) 
 } 
})

 

  相信看了本文案例你已经掌握了方法,更多精彩请关注久澳传媒编程栏目其它相关文章!

  推荐阅读•■◇:

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

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

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

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

  以上就是小程序使用.getImageInfo()获取图片信息的详细内容•▲▷△,更多请关注久澳传媒编程栏目其它相关文章▷•-!双流县小程序开发哪家好

[雅安seo公司立荐久澳]小程序使用.getImageInfo()获取图片信息

您的项目需求

*请认真填写需求信息,我们会在24小时内与您取得联系。