微信小程序本地图片上传
2018-04-02 09:46
453 查看
今天做了一个本地图片上传的功能,可以选择单张图片或者多张图片,日常整理一下。
上代码了
wxml:
<button type="primary" bindtap='image'>选择图片</button><view wx:for='{{imgArray}}'> <image src='{{item}}'></image></view>
js:
data: { imgArray:[] }, image:function(e){ var _this = this; wx.chooseImage({ count: 9, // 默认9 sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图,默认二者都有 sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机,默认二者都有 success: function (res) { console.log(res); // 返回选定照片的本地文件路径列表,tempFilePath可以作为img标签的src属性显示图片 _this.setData({ imgArray:res.tempFilePaths }) } }) },
上代码了
wxml:
<button type="primary" bindtap='image'>选择图片</button><view wx:for='{{imgArray}}'> <image src='{{item}}'></image></view>
js:
data: { imgArray:[] }, image:function(e){ var _this = this; wx.chooseImage({ count: 9, // 默认9 sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图,默认二者都有 sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机,默认二者都有 success: function (res) { console.log(res); // 返回选定照片的本地文件路径列表,tempFilePath可以作为img标签的src属性显示图片 _this.setData({ imgArray:res.tempFilePaths }) } }) },
相关文章推荐
- 微信小程序开发之从相册获取图片 使用相机拍照 本地图片上传
- 微信小程序教程之本地图片上传(leancloud)实例详解
- 微信小程序开发之本地图片上传(leancloud)
- 微信小程序开发之从相册获取图片 使用相机拍照 本地图片上传
- 微信小程序开发之从相册获取图片 使用相机拍照 本地图片上传
- 微信小程序开发之从相册获取图片 使用相机拍照 本地图片上传
- [转]微信小程序开发之从相册获取图片 使用相机拍照 本地图片上传
- 微信小程序教程之本地图片上传(leancloud)实例详解
- 微信小程序开发之从相册获取图片 使用相机拍照 本地图片上传
- 微信小程序开发之从相册获取图片 使用相机拍照 本地图片上传
- 微信小程序开发之本地图片上传(leancloud)
- 微信小程序实现文件,图片上传
- 微信小程序的条件、遍历、网络请求、获取本地图片
- 微信小程序上传图片+java 后端接收实例
- 微信小程序实现多图片上传
- 微信小程序之----上传图片
- [微信小程序]上传图片到阿里云OSS
- 微信小程序上传图片功能(附后端代码)
- 微信小程序上传图片(前端+PHP后端)
- 微信小程序实现多张图片同时上传的方法