wx图片的相机相册获取，预览图片，图片保存，图片的信息

wxml

<view class="title">图片管理</view>
<view class="demo-box">
<view class="title">wx.getLocation</view>
<button bindtap="chooseImage">选择图片</button>
<image src="{{src}}" mode="widthFix"></image>
<button type="primary" size="mini" bindtap="previewImage">预览图片</button>
<button type="primary" size="mini" bindtap="getImageInfo">图片信息</button>
<button type="primary" size="mini" bindtap="saveImage">保存图片</button>
</view>

js

Page({
  data: {
   
  },
  //选择图片，将图片从权限里获取
  chooseImage:function(){
   var that=this
  wx.chooseImage({
    count: 1,
    sizeType: ['original','compressed'],
    sourceType: ['album','camera'],
    success:function(res){
      var tempFilePaths=res.tempFilePaths
      that.setData({src:tempFilePaths[0]})
    }
  })
},
//预览图片，将图片放大
previewImage:function(){
  var that=this
wx.previewImage({
  urls: [that.data.src],
})
},
//获取图片信息
getImageInfo:function(){
  var that=this
wx.getImageInfo({
  src: that.data.src,
  success:function(res){
    wx.showToast({
      icon:'none',
      title:'宽：'+res.width+',高：'+res.height,
    })
  }
})
},
//保存图片
saveImage:function(){
  var that=this
  wx.saveImageToPhotosAlbum({
    filePath: that.data.src,
    success:function(){
      wx.showToast({
        title: '保存成功！',
      })
    }
  })
},
}