20161201微信小程序学习笔记-NO.4上传图片

wx.chooseImage()

上传图片接口，从本地相册选择图片或使用相机拍照。

内置了几个属性

• count 最多可以选择的图片张数，默认9
• sizeType original 原图，compressed 压缩图，默认二者都有
• sourceType album 从相册选图，camera 使用相机，默认二者都有
• success 成功则返回图片的本地文件路径列表 tempFilePaths
• fail 接口调用失败的回调函数
• complete接口调用结束的回调函数（调用成功、失败都会执行）

wx.chooseImage({ 
  count: 1, // 默认9 
  sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有 
  sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有 
  success: function (res) { // 返回选定照片的本地文件路径列表，
    tempFilePath可以作为img标签的src属性显示图片 
    var tempFilePaths = res.tempFilePaths 
  }
})

wx.previewImag()

预览图片

• current 当前显示图片的链接，不填则默认为 urls 的第一张
• urls 需要预览的图片链接列表
• success 接口调用成功的回调函数
• fail 接口调用失败的回调函数
• complete 接口调用结束的回调函数（调用成功、失败都会执行）

wx.previewImage({ 
 current: '', // 当前显示图片的http链接 
 urls: [] // 需要预览的图片http链接列表
})

wx.getImageInfo()

获取图片信息

• src 图片的路径，可以是相对路径，临时文件路径，存储文件路径，网络图片路径
• success 接口调用成功的回调函数
  • width 图片宽度，单位px
  • height 图片高度 单位px
• fail 接口调用失败的回调函数
• complete 接口调用结束的回调函数（调用成功、失败都会执行）

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) 
      } 
    }) 
  }
})