小程序学习之媒体API（一）图片管理

1.选择图片

使用wx.chooseImage(OBJECT)从本地相册中选择图片或使用相机拍照获得图片，图片将被存放在设备的临时路径，在小程序本次启动期间可正常使用，参数说明如下：

success()返回参数说明如下：

File对象结构说明：

2.预览图片

使用wx.previewImage(OBJECT)预览图片，参数说明如下：

3.获取图片信息

使用wx.getImageInfo(OBJECT)获取图片信息，参数说明如下：

success()返回参数说明：

orientation参数说明如下：

4.保存图片

使用wx.saveImageToPhotosAlbum(OBJECT)保存图片到系统相册，需要用户授权scope.writePhotosAlbum，参数如下：

简单应用示例：

<!--wxml-->
<view class="title">第6章 媒体API</view>
<view class="demo-box">
 <view class="title">图片管理</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({
  chooseImage:function(){
    var that = this
    wx.chooseImage({
      count: 1 ,//默认是9
      sizeType:['original','compressed'],//指定原图/压缩图。默认二者都有
      sourceType:['original','compressed'],
      success: function(res) {
        //返回选定照片的路径列表
        var tempFilePaths = res.tempFilePaths
        that.setData({
          src:tempFilePaths[0]
        })
      },
    })
  },
  previewImage:function(){
    var that = this
    wx.previewImage({
      urls: [this.data.src],
    })
  },
  getImageInfo:function(){
    var that = this
    wx.getImageInfo({
      src: this.data.src,
      success:function(res){
        wx.showToast({
          title: '宽：'+res.width+',高：'+res.height,
          icon:'none'
        })
      }
    })
  },
  saveImage:function(){
    var that = this
    wx.saveImageToPhotosAlbum({
      filePath: that.data.src,
      success: function(res) {
        wx.showToast({
          title: '保存成功',
        })
      }
    })
  }
})