wx.chooseImage可以用来从相册选择图片或者使用相机拍摄照片

wx.chooseImage参数说明

image.png

  • sizeType表示使用图片的尺寸，可选值有Original原图和compressed压缩图
  • sourceType表示图片的来源，可选值有album相册和camera使用相机

返回的数据格式是：

  1. {
  2.     tempFilePaths:"图片的本地临时文件路径列表",
  3.     tempFiles:[{
  4.         path:"本地临时文件路径",
  5.         size:"本地临时文件大小，单位为B"
  6.     }]
  7. }

示例代码

  1. index.wxml
  2. <view>
  3.     <button  bindtap='chooseImage'>选择图片</button>
  4.     <image  mode="aspectFit" src="{{imgsrc[0]}}" bindtap='reviewImage'></image>
  5. </view>
  6. -------------------------------------------
  1. index.js
  2. Page({
  3.   data:{
  4.     imgsrc:[]
  5.   },
  6.   chooseImage: function(){
  7.     var _that = this;
  8.     wx.chooseImage({
  9.       count: 1,
  10.       sizeType: ['original', 'compressed'],
  11.       sourceType: ['album', 'camera'],
  12.       success:res=>{
  13.         const tempFilePaths = res.tempFilePaths
  14.         this.setData({
  15.           imgsrc: tempFilePaths
  16.         })
  17.         //查看图片信息
  18.         wx.getImageInfo({
  19.           src: tempFilePaths[0],
  20.           success: function (res) {
  21.             console.log(res)
  22.           }
  23.         })
  24.       }
  25.     })
  26.   }
  27. })

页面上有一个选择图片的按钮，单击该按钮，执行chooseImage

在函数内，使用wx.chooseImage选择图片，把得到的图片地址保存在imgsrc中，然后在页面的image组件上使用数据绑定显示出来
image.png