您的位置:首页 > 移动开发 > 微信开发

微信小程序从本地相册选择图片或使用相机拍照之我的理解

2017-11-17 11:15 686 查看
wxml:

<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 });
}
})
}
})
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐