微信小程序从本地相册选择图片或使用相机拍照之我的理解
2017-11-17 11:15
686 查看
wxml:
wxss:
js:
<view> <button class="btn" catchtap="upLoad">上传</button> <view class='box'> block遍历 <block wx:for="{{src}}"> <image src='{{item}}'></image> </block> </view> </view>
wxss:
/** wxss **/ /** 修改默认的navigator点击态 **/ .btn{ width: 100rpx; height: 100rpx; font-size: 20rpx; } .box image{ width: 100rpx; height: 100rpx; }
js:
// map.js var arr = []; //这里是个大坑!!!空数组一定要设置到最外面,不然每次上传的时候,都会先清空,当初快给我整奔溃了,一定要注意。 Page({ upLoad:function(){ data: { src: '' } var self = this; wx.chooseImage({ count: 9, // 默认9 sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图,默认二者都有 sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机,默认二者都有 success: function (res) { // 返回选定照片的本地文件路径列表,tempFilePath可以作为img标签的src属性显示图片 var tempFilePaths = res.tempFilePaths; arr = arr.concat(tempFilePaths); //把获取到的图片的地址(数组),赋值给data中的src。 self.setData({ src: arr }); } }) } })
相关文章推荐
- 微信小程序chooseImage的用法(从本地相册选择图片或使用相机拍照)
- 微信小程序开发之从相册获取图片 使用相机拍照 本地图片上传
- 小程序从本地相册选择图片或使用相机拍照wx.chooseImage上传后预览并可以识别图中二维码
- 微信小程序开发之从相册获取图片 使用相机拍照 本地图片上传
- 微信小程序开发之从相册获取图片 使用相机拍照 本地图片上传
- 微信小程序开发之从相册获取图片 使用相机拍照 本地图片上传
- [转]微信小程序开发之从相册获取图片 使用相机拍照 本地图片上传
- 微信小程序开发之从相册获取图片 使用相机拍照 本地图片上传
- 微信小程序开发之从相册获取图片 使用相机拍照 本地图片上传
- 使用南尘的ImagePicker实现仿微信的相册图片选择以及拍照上传
- 微信小程序-从相册获取图片,视频 使用相机拍照,录像上传+服务器(nodejs版)接收
- Android WebView 选择图片并上传(调用相机拍照/相册/选择文件)
- 相机选择照片及拍照后使用AFNetworking图片上传(支持一张及多张上传)
- PHP调用微信JSSDK接口 选择相册及拍照、图片上传
- android本地图片选择(相册选取,相机拍摄)
- Android使用Retrofit技术仿微信图片上传,可以选择多张图片拍照上传
- android选择本地相册或拍照更换软件背景图片
- android选择系统相机拍照和系统相册,裁剪图片并保存和设置头像,适配至7.0
- iOS 相机拍照、相册获取照片(仿微信) 一一 从相册获取图片、图片裁剪
- 调用系统相机拍照获取图片或者从相册中调用本地图片显示问题