QChooseImage 调用相册可视化选取图片

API兼容性:
QRN:v3.4.0
iOS:80011154
Android:60001213

QChooseImage用来实现调用相册可视化选取图片的功能,可以选择多张

引入

import { QChooseImage } from 'qunar-react-native';

API

QChooseImage.chooseImage (param, callback, errorCallback)

使用说明

import { QChooseImage } from 'qunar-react-native';

    open(param) {
        QChooseImage.chooseImage(param, (res) => {
               console.log("album success =" + JSON.stringify(res));
               var imageId = res.localImgs[0].id;
               console.log(imageId);
               this.setState({
                   imageId: imageId
               });

             },
             (errorRes) => {
                 console.log("album error =" + JSON.stringify(errorRes));
               })
    }

    constructor(props) {
        super(props);
        this.state = {
        imageId: null
        }
    }

    render() {
      const { imageId } = this.state;
        return (
          <View style={{flex:1}}>

              <Text style={styles1.button} onPress={() => this.open({})}>打开相册</Text>

              <Text style={styles1.button} onPress={() => this.open({count:20})}>打开相册 最多20</Text>

              <Text style={styles1.button} onPress={() => this.open({count:20, thumbnail:{maxPixel:"low",quality: 50}})}>打开相册 带缩略图</Text>

          <Image source={{uri: imageId ? imageId : 'https://facebook.github.io/react/img/logo_small_2x.png'}} style={{width: 400, height: 400}} />
          
          </View>
        )
    }
 </TouchableHighlight>


param 里具体支持的参数

参数 类型 说明
localIds array[string] 上次已经选择过的图片
count number 允许用户选择图片的最大数
thumbnail object 压缩参数,`详见下

thumbnail 字段具体支持的参数

参数 类型 说明
maxPixel number 或者 string 缩略图长宽最大尺寸,可以使用 originalhighmiddlelow 按预设品质压缩,分别对应为 原图1200800400
quality number 或者 string 缩略图JPG压缩参数,尺寸不变。为 1-100之间的整数。也可以使用 originalhighmiddlelow 按预设品质压缩,分别对应为 100907050