微信小程序 chooseImage选择图片或者拍照
2017-04-07 10:54
441 查看
微信小程序 chooseImage选择图片或者拍照
一、使用API wx.chooseImage(OBJECT)
var util = require('../../utils/util.js') Page({ data:{ src:"../image/pic4.jpg" }, gotoShow: function(){var _this = this wx.chooseImage({ count: 9, // 最多可以选择的图片张数,默认9 sizeType: ['original', 'compressed'], // original 原图,compressed 压缩图,默认二者都有 sourceType: ['album', 'camera'], // album 从相册选图,camera 使用相机,默认二者都有 success: function(res){ // success console.log(res) _this.setData({ src:res.tempFilePaths }) }, fail: function() { // fail }, complete: function() { // complete } }) }
二、图片路径进行数据绑定
<view class="container"> <view> <button type="default" bindtap="gotoShow" >点击上传照片</button> </view> <view> <image class= "show-image" mode="aspectFitf" src="{{src}}"></image> </view> </view>
号外:
1、wx.chooseImage 调用相机或相册
2、<image class= "show-image" mode="aspectFitf" src="{{src}}"></image> 数据绑定
3、js中动态修改文件路径
var _this = this wx.chooseImage({ count: 9, // 最多可以选择的图片张数,默认9 sizeType: ['original', 'compressed'], // original 原图,compressed 压缩图,默认二者都有 sourceType: ['album', 'camera'], // album 从相册选图,camera 使用相机,默认二者都有 success: function(res){ // success console.log(res) _this.setData({ src:res.tempFilePaths }) }, fail: function() { // fail }, complete: function() { // complete }
感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!
您可能感兴趣的文章:
相关文章推荐
- 微信小程序 chooseImage选择图片或者拍照
- 微信小程序chooseImage的用法(从本地相册选择图片或使用相机拍照)
- 转:【微信小程序】 微信小程序-拍照或选择图片并上传文件
- 微信小程序-拍照或选择图片并上传文件
- 微信小程序-拍照或选择图片并上传文件
- 微信小程序-拍照或选择图片并上传文件
- Android仿微信图片上传,可以选择多张图片,缩放预览,拍照上传等
- Android仿微信图片上传,可以选择多张图片,缩放预览,拍照上传等
- Android仿微信图片上传,可以选择多张图片,缩放预览,拍照上传等
- Android仿微信图片上传,可以选择多张图片,缩放预览,拍照上传等
- Android 4.4以上拍照或者从图库选择图片,获取图片路径
- Android仿微信图片上传,可以选择多张图片,缩放预览,拍照上传等
- 小米手机,相机程序调试,点击拍照无法启动相机或者无法保存图片
- android 拍照或者图库选择 压缩后 图片 上传
- Android仿微信多图片选择,拍照等,适合快速导入到自己项目中
- Android仿微信图片上传,可以选择多张图片,缩放预览,拍照上传
- Android开发之 选择相册图片或者拍照
- 三星手机note 3 调用系统拍照后,屏幕旋转导致,activity生命周期变更,程序奔溃或者无法获取图片。
- Android仿微信图片上传,可以选择多张图片,缩放预览,拍照上传等
- Android仿微信图片上传,可以选择多张图片,缩放预览,拍照上传等