小程序之图片操作

  • 2018-04-17
  • 150
  • 0
  • 0

微信为开发者提供API, 让用户能够便捷的操作手机的小相册或者拍照功能

  1. wx.chooseImage(obj)

从本地相册选择图片或者相机拍照片

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

预览图片
参数说明:

  1. current 显示当前图片的链接
  2. urls 需要预览的图片链接列表
  3. suuccess 接口调用成功回调
  4. fail 接口调用失败回调
  5. complate 调用完成回调(无论失败或者成功)
    wx.previewImage({
    current: '', // 当前显示图片的http链接
    urls: [] // 需要预览的图片http链接列表
    })

  6. wx.getImageInfo(obj)

获取图片信息
obj的参数说明

  1. src 图片路径,可以使本地文件路径 临时文件路径 网络路径
  2. success 接口调用成功回调
  3. fail 接口调用失败回调
  4. complate 接口调用回调 (无论成功失败)

success 函数中的参数说明

  1. width 图片宽度 px
  2. height 图片高度 px
  3. path 返回图片的本地路径
    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)
    }
    })
    }
    })

  4. wx.saveImageToPhotoAlbum(OBJECT)
    保存图片到相册系统, 需要获得用户授权 (scope.writePhotoAlbum)

  5. src 图片路径,可以使本地文件路径 临时文件路径 网络路径

  6. success 接口调用成功回调
  7. fail 接口调用失败回调
  8. complate 接口调用回调 (无论成功失败)
    success 函数中的参数说明

  9. errMsg 调用结果

    wx.saveImageToPhotosAlbum({
    success(res) {
    }
    })

评论

还没有任何评论,你来说两句吧

你必须 登录 才能发表评论.