微信小程序中相册选择和拍照的介绍

1. 引言

微信小程序中，相册选择和拍照是经常使用到的功能。在小程序中，我们可以使用wx.chooseImage和wx.previewImage实现图片的选择和预览，同时也可以使用wx.saveImageToPhotosAlbum保存到相册中。本文将详细介绍微信小程序中相册选择和拍照的使用方法。

2. 相册选择

2.1 wx.chooseImage

wx.chooseImage是微信小程序提供的选择图片的接口，它可以从相册中选择一张或多张图片，并返回本地文件路径或上传后的服务器路径。使用wx.chooseImage需要传入一个object参数，其中count表示的是可以选择的图片数量，sizeType表示的是选择图片的类型，分为原图和压缩图两种。

wx.chooseImage({
  count: 1,
  sizeType: ['original', 'compressed'],
  success(res) {
    // 返回一个本地文件路径的数组res.tempFilePaths
    const tempFilePaths = res.tempFilePaths
  }
})

2.2 图片预览

wx.previewImage是微信小程序提供的图片预览接口，它可以预览当前页面的图片或指定的图片。使用wx.previewImage需要传入一个object参数，其中urls表示的是图片的URL链接列表，current表示当前展示的图片链接。

wx.previewImage({
  urls: ['http://img1.imgtn.bdimg.com/it/u=2519448963,269027925&fm=26&gp=0.jpg'],
  current: 'http://img1.imgtn.bdimg.com/it/u=2519448963,269027925&fm=26&gp=0.jpg',
  success(res) {
    console.log('预览成功')
  }
})

2.3 图片保存

wx.saveImageToPhotosAlbum是微信小程序提供的保存图片到相册的接口，它可以将图片保存到用户的手机相册中。使用wx.saveImageToPhotosAlbum需要传入一个object参数，其中filePath表示要保存的图片的地址。

wx.saveImageToPhotosAlbum({
  filePath: '/data/user/0/com.tencent.mm/appbrand/xxxxxxx.png',
  success() {
    console.log('保存成功')
  }
})

3. 拍照

3.1 相机授权

在使用微信小程序拍照功能之前，需要询问用户是否授权使用相机。在小程序中，我们可以使用wx.authorize接口请求相机授权，也可以在小程序配置文件中添加camera字段授权相机权限。

3.2 wx.chooseImage

wx.chooseImage可以在拍照时使用，它会自动调起相机拍摄功能，也可以选择从相册中选择图片。同时，我们也可以设置拍摄的图片尺寸和画质，使用quality字段控制画质，compression字段控制尺寸大小。

wx.chooseImage({
  count: 1,
  sizeType: ['original'],
  sourceType: ['camera'],
  quality: 80,
  compression: 20,
  success(res) {
    const tempFilePath = res.tempFilePaths[0]
  }
})

4. 总结

本文介绍了微信小程序中相册选择和拍照的使用方法，包括wx.chooseImage、wx.previewImage和wx.saveImageToPhotosAlbum接口的使用。使用wx.chooseImage和wx.saveImageToPhotosAlbum可以方便地实现图片的选择和保存到相册中，使用wx.previewImage可以方便地实现图片的预览操作。同时，在拍照时使用wx.chooseImage时，可以设置quality和compression字段控制画质和尺寸大小。