選擇圖片時可設置圖片是否是原圖，圖片來源。這用的也挺常見的，比如個(ge) 人中心中設置頭像，可以與(yu) wx.upLoadFile()API使用

主要方法：

wx.chooseImage(object)

wxml

<button type="primary" bindtap="listenerButtonChooseImage">點擊我選擇相冊(ce) button><image src="{{source}}" mode="aspecFill" style="width: 640rpx; height: 640rpx"/>

js

Page({  data:{    // text:"這是一個(ge) 頁麵"    source: ''  },  /**   * 選擇相冊(ce) 或者相機 配合上傳(chuan) 圖片接口用   */  listenerButtonChooseImage: function() {      var that = this;      wx.chooseImage({          count: 1,          //original原圖，compressed壓縮圖          sizeType: ['original'],          //album來源相冊(ce) camera相機           sourceType: ['album', 'camera'],          //成功時會(hui) 回調          success: function(res) {              //重繪視圖              that.setData({                  source: res.tempFilePaths              })          }      })  },

wx.previewImage(object)

這又是一個(ge) 奇葩API真實搞不懂怎麽(me) 用這個(ge) 。先模仿下官方咋使用但是沒有效果，搞懂了在補充下自己的使用

wxml

<button type="primary" bindtap="listenerButtonPreviewImage">展示圖片button>

js

var app = getApp()

　　Page({

　　　　data: {

　　　　　　banner:['../images/big.png', '../images/big.png', '../images/big.png'],

　　　　　　modalHidden: true

　　　　},

　　　　tapMove:function(e){

　　　　　　this.setData({ 

　　　　　　　　num: e.detail.current+1

　　　　　　})

　　　　},

/**

  * 預覽圖片 

  */

 　　listenerButtonPreviewImage: function() {

   　　　　wx.previewImage({

     　　　　　　current: '../images/big.png',

        　　　　//這根本就不走

       　　　　 success: function(res) {

          　　　　console.log(res);

       　　　　 },

        　　　　//也根本不走

       　　　　 fail: function() {

          　　　　console.log('fail')

       　　　　 },

　　　　　　complete:function(){

　　　　　　　　console.log('complete')

　　　　　　}

  　　　　　　 })

 　　　　　　},

onLoad: function () { 

var that = this;

that.setData({

num:1,

count:that.data.banner.length

})

}

})