微信小程序微信小程序chooseImage的用法的用法(从本地相册选择图片或使用从本地相册选择图片或使用
相机拍照相机拍照)
主要介绍了微信小程序chooseImage的用法(从本地相册选择图片或使用相机拍照)，小编觉得挺不错的，现在分
享给大家，也给大家做个参考。一起跟随小编过来看看吧
一、使用APIwx.chooseImage(OBJECT)
wx.chooseImage(OBJECT)
从本地相册选择图片或使用相机拍照。
OBJECT参数说明：
参数参数 类型类型 必填必填 说明说明
count Number 否 最多可以选择的图片张数，默认9
sizeType StringArray 否 original 原图，compressed 压缩图，默认二者都有
sourceType StringArray 否 album 从相册选图，camera 使用相机，默认二者都有
success Function 是 成功则返回图片的本地文件路径列表 tempFilePaths
fail Function 否 接口调用失败的回调函数
complete Function 否 接口调用结束的回调函数（调用成功、失败都会执行）
注：文件的临时路径，在小程序本次启动期间可以正常使用，如需持久保存，需在主动调用 wx.saveFile，在小程序下次启动
时才能访问得到。
success返回参数说明：
参数参数 类型类型 说明说明 最低版本最低版本
tempFilePaths StringArray 图片的本地文件路径列表
tempFiles ObjectArray 图片的本地文件列表，每一项是一个 File 对象 1.2.0
File 对象结构如下:
字段字段 类型类型 说明说明
path String 本地文件路径
size Number 本地文件大小，单位：B
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>
weixin_38741540
- 粉丝: 6
- 资源: 960
我的内容管理
收起
- 我的资源
快来上传第一个资源
我的收益 登录查看自己的收益
我的积分
登录查看自己的积分
我的C币
登录后查看C币余额
我的收藏 
我的下载 
下载帮助
会员权益专享
最新资源
- zigbee-cluster-library-specification
- JSBSim Reference Manual
- c++校园超市商品信息管理系统课程设计说明书(含源代码) (2).pdf
- 建筑供配电系统相关课件.pptx
- 企业管理规章制度及管理模式.doc
- vb打开摄像头.doc
- 云计算-可信计算中认证协议改进方案.pdf
- [详细完整版]单片机编程4.ppt
- c语言常用算法.pdf
- c++经典程序代码大全.pdf
- 单片机数字时钟资料.doc
- 11项目管理前沿1.0.pptx
- 基于ssm的“魅力”繁峙宣传网站的设计与实现论文.doc
- 智慧交通综合解决方案.pptx
- 建筑防潮设计-PowerPointPresentati.pptx
- SPC统计过程控制程序.pptx
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
评论0