本文編輯：  大妖怪瀏覽 8674 1 版權所有，嚴禁轉載

接口說明:

接口用法：

wxml
index.wxml

<import src="../template/imgtpl"/>
<button bindtap="chooseImg">上傳圖片</button>
<block wx:for="{{tempFilePaths}}">
  <view>
    <template is="imgItem" data="{{item}}"/>
    <button bindtap="getImageInfo" id="{{item}}">獲取圖片信息</button>
    <text>{{info}}</text>
  </view>
</block>

imgtpl.wxml

<template name="imgItem">
    <image src="{{item}}"></image>
</template>

js

chooseImg: function(){
    var that = this;
    wx.chooseImage({
      count: 9, // 默認9
      sizeType: ['original', 'compressed'],
      sourceType: ['album', 'camera'],
      success: function (res) {
        that.setData({
          tempFilePaths:res.tempFilePaths
        })
      }
    })
  },
  getImageInfo:function(e){
    var imgUrl = e.currentTarget.id;
    var that = this;
    wx.getImageInfo({
      src: imgUrl,
      success: function (res) {
        that.setData({
          info:"圖片長度:"+res.height+"
圖片寬度:"+res.width
        })
      }
    })
  }

wxml

<image bindtap="previewImage"     id="http://www.mkhyf.com/upload/column/c413eaf4-bfad-43bd-820b-538d5c7dcfd0.png" src="http://www.mkhyf.com/upload/column/c413eaf4-bfad-43bd-820b-538d5c7dcfd0.png"></image>

js

previewImage:function(e){
    var imgUrl = e.currentTarget.id;
    wx.previewImage({
    current: imgUrl, // 當前顯示圖片的http鏈接
    urls: [imgUrl] // 需要預覽的圖片http鏈接列表
    })
}

主要方法：

【wx.chooseImage】：【從本地相冊選擇圖片或使用相機拍照。】

wx.chooseImage({
  count: 1, // 默認9
  sizeType: ['original', 'compressed'], // 可以指定是原圖還是壓縮圖，默認二者都有
  sourceType: ['album', 'camera'], // 可以指定來源是相冊還是相機，默認二者都有
  success: function (res) {
    // 返回選定照片的本地文件路徑列表，tempFilePath可以作為img標簽的src屬性顯示圖片
    var tempFilePaths = res.tempFilePaths
  }
})

【wx.previewImage】：【預覽圖片】

wx.previewImage({
  current: '', // 當前顯示圖片的http鏈接
  urls: [] // 需要預覽的圖片http鏈接列表
})

【wx.getImageInfo】：【獲取圖片信息】

success返回參數說明：

wx.getImageInfo({
  src: 'images/a.jpg',
  success: function (res) {
    console.log(res.width)
    console.log(res.height)
  }
})

wx.chooseImage({
  success: function (res) {
    wx.getImageInfo({
      src: res.tempFilePaths[0],
      success: function (res) {
        console.log(res.width)
        console.log(res.height)
      }
    })
  }
})