AD:靠谱的微信小程序外包开发

admin

admin

发表于 2017-02-06 11:56:13

图片详解-媒体API-微信小程序API-微信 小程序开发教程



wx.chooseImage(OBJECT)

从本地相册选择图片或使用相机拍照。

OBJECT参数说明:

参数类型必填说明
countNumber最多可以选择的图片张数,默认9
sizeTypeStringArrayoriginal 原图,compressed 压缩图,默认二者都有
sourceTypeStringArrayalbum 从相册选图,camera 使用相机,默认二者都有
successFunction成功则返回图片的本地文件路径列表 tempFilePaths
failFunction接口调用失败的回调函数
completeFunction接口调用结束的回调函数(调用成功、失败都会执行)

注:文件的临时路径,在小程序本次启动期间可以正常使用,如需持久保存,需在主动调用 wx.saveFile,在小程序下次启动时才能访问得到。

示例代码:

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

wx.previewImage(OBJECT)

预览图片。

OBJECT参数说明:

参数类型必填说明
currentString当前显示图片的链接,不填则默认为 urls 的第一张
urlsStringArray需要预览的图片链接列表
successFunction接口调用成功的回调函数
failFunction接口调用失败的回调函数
completeFunction接口调用结束的回调函数(调用成功、失败都会执行)

示例代码:

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

wx.getImageInfo(OBJECT)

获取图片信息

OBJECT参数说明:

参数类型必填说明
srcString图片的路径,可以是相对路径,临时文件路径,存储文件路径,网络图片路径
successFunction接口调用成功的回调函数
failFunction接口调用失败的回调函数
completeFunction接口调用结束的回调函数(调用成功、失败都会执行)

success返回参数说明:

参数类型说明
widthNumber图片宽度,单位px
heightNumber图片高度 单位px
pathString返回图片的本地路径

示例代码:

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


扩展阅读:

图片详解-媒体API-微信小程序API-微信 小程序开发教程

wx.chooseImage详解-图片-媒体API-微信小程序API-微信 小程序开发教程

wx.previewImage详解-图片-媒体API-微信小程序API-微信 小程序开发教程

wx.getImageInfo详解-图片-媒体API-微信小程序API-微信 小程序开发教程


音频组件控制详解-媒体API-微信小程序API-微信 小程序开发教程

x.playVoice详解-音频播放控制-媒体API-微信小程序API-微信 小程序开发教程

wx.pauseVoice详解-音频播放控制-媒体API-微信小程序API-微信 小程序开发教程

wx.stopVoice详解-音频播放控制-媒体API-微信小程序API-微信 小程序开发教程

录音详解-媒体API-微信小程序API-微信 小程序开发教程

音频播放控制详解-媒体API-微信小程序API-微信 小程序开发教程

音乐播放控制详解-媒体API-微信小程序API-微信 小程序开发教程

视频详解-媒体API-微信小程序API-微信 小程序开发教程

视频组件控制详解-媒体API-微信小程序API-微信 小程序开发教程

wx.startRecord详解-录音-媒体API-微信小程序API-微信 小程序开发教程

wx.stopRecord详解-录音-媒体API-微信小程序API-微信 小程序开发教程


wx.getBackgroundAudioPlayerState详解-音乐播放控制-媒体API-微信小程序API-微信 小程序开发教程

wx.playBackgroundAudio详解-音乐播放控制-媒体API-微信小程序API-微信 小程序开发教程

wx.pauseBackgroundAudio详解-音乐播放控制-媒体API-微信小程序API-微信 小程序开发教程

wx.seekBackgroundAudio详解-音乐播放控制-媒体API-微信小程序API-微信 小程序开发教程

wx.stopBackgroundAudio详解-音乐播放控制-媒体API-微信小程序API-微信 小程序开发教程

wx.onBackgroundAudioPlay详解-音乐播放控制-媒体API-微信小程序API-微信 小程序开发教程

wx.onBackgroundAudioPause详解-音乐播放控制-媒体API-微信小程序API-微信 小程序开发教程

wx.onBackgroundAudioStop详解-音乐播放控制-媒体API-微信小程序API-微信 小程序开发教程

wx.createAudioContext-音频组件控制-媒体API-微信小程序API-微信 小程序开发教程

wx.chooseVideo-视频-媒体API-微信小程序API-微信 小程序开发教程

wx.createVideoContext-视频组件控制-媒体API-微信小程序API-微信 小程序开发教程


118阅读 | 0评论
你的回应
写文章

1507