图片

chooseImage(Object object)

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

参数

Object object

属性 类型 默认值 是否必须 说明 支持平台
count number 微信、百度:9, 支付宝: 1 最多可以选择的图片张数 都支持
sourceType String Array ['album', 'camera'] 选择图片的来源 都支持
sizeType String Array ['original', 'compressed'] original 原图,compressed 压缩图,默认二者都有 微信
success function 接口调用成功的回调函数 都支持
fail function 接口调用失败的回调函数 都支持
complete function 接口调用结束的回调函数(调用成功、失败都会执行) 都支持

success 返回值

字段 类型 说明 支持平台
tempFilePaths String Array 图片的本地文件路径列表 都支持
tempFiles Object Array 图片的本地文件列表,每一项是一个 File 对象。 微信小程序>=1.2.0, 百度小程序

Object res

属性 类型 描述 支持平台
tempFilePaths StringArray 图片的本地文件路径列表 都支持
tempFiles ObjectArray 图片的本地文件列表,每一项是一个 File 对象 微信、百度
  choose() {
    React.api.chooseImage({
      count: 2,
      success: res => {
        this.setState({
          img: res.tempFilePaths
        })
      }
    });
  }

  render() {
    return (
      <div>
        <button onTap={this.choose}>选择图片</button>
        {
          this.state.img.map(function(item) {
            return  <image src={item}/>
          })
        }

      </div>
    );
  }

previewImage(Object object)

预览图片

参数

Object object

属性 类型 是否必须 说明 支持平台
urls Array 要预览的图片链接列表 都支持
current String 当前显示图片的链接 ,urls 的第一张 都支持
success function 接口调用成功的回调函数 都支持
fail function 接口调用失败的回调函数 都支持
complete function 接口调用结束的回调函数(调用成功、失败都会执行) 都支持
 React.api.previewImage({
   current: 'http://xxxxxxx', // 当前显示图片链接
   urls: [''], // 需要预览的图片http链接列表,
   success: function(res) {
      console.log('success', res);
   },
   fail: function (err) {
      console.log('错误码:' + err.errCode);
      console.log('错误信息:' + err.errMsg);
   }
});

saveImageToPhotosAlbum(Object object)

保存图片到系统相册

参数

Object object

属性 类型 是否必须 说明 支持平台
filePath string 图片文件路径,可以是临时文件路径或永久文件路径,不支持网络图片路径 都支持
success function 接口调用成功的回调函数 都支持
fail function 接口调用失败的回调函数 都支持
complete function 接口调用结束的回调函数(调用成功、失败都会执行) 都支持

getImageInfo(Object object)

获取图片信息

参数

Object object

属性 类型 是否必须 说明 支持平台
src string 图片路径,目前支持:网络图片路径、apFilePath 路径、相对路径 都支持
success function 接口调用成功的回调函数 都支持
fail function 接口调用失败的回调函数 都支持
complete function 接口调用结束的回调函数(调用成功、失败都会执行) 都支持

success 返回值

名称 类型 描述 支持平台
width Number 图片宽度(单位 px) 都支持
height Number 图片高度(单位 px) 都支持
path string 图片的本地路径 都支持
orientation string 拍照时设备方向 微信
type string 图片格式 微信