微信小程序 图片选择器

android开发中经常使用到头像上传需求,选择图片有二种方式,第一种是从相册中选择还有一种就是拍摄,小程序也有这个功能,而且比android容易多了,

先看官网给的文档：

wx.chooseImage(Object object)

从本地相册选择图片或使用相机拍照

参数

Object object

属性	类型	默认值	必填	说明	最低版本
count	number	9	否	最多可以选择的图片张数
sizeType	Array.	['original', 'compressed']	否	所选的图片的尺寸
sourceType	Array.	['album', 'camera']	否	选择图片的来源
success	function		否	接口调用成功的回调函数
fail	function		否	接口调用失败的回调函数
complete	function		否	接口调用结束的回调函数（调用成功、失败都会执行）

object.sizeType 的合法值

值	说明
original	原图
compressed	压缩图

object.sourceType 的合法值

值	说明
album	从相册选图
camera	使用相机

object.success 回调函数

参数

Object res

属性	类型	说明	最低版本
tempFilePaths	Array.	图片的本地临时文件路径列表
tempFiles	Array.	图片的本地临时文件列表	1.2.0

res.tempFiles 的结构

属性	类型	说明	最低版本
path	string	本地临时文件路径
size	number	本地临时文件大小，单位 B

 

这是我简单的代码：

chooseImage:function(){
      wx.chooseImage({
        count: 1,
        sourceType: ['album', 'camera'],
        success: function(res) {
          var tempFilePaths = res.tempFilePaths;
          console.log("tempFilePaths--->" + tempFilePaths);
        },
      });
  },

效果：

获取到的图片就可以直接上传到服务器了.