API兼容性:
QRN:v3.4.0
iOS:80011154
Android:60001213
QChooseImage
用来实现调用相册可视化选取图片的功能,可以选择多张
import { QChooseImage } from 'qunar-react-native';
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 | 缩略图长宽最大尺寸,可以使用 original 、high 、middle 、low 按预设品质压缩,分别对应为 原图 、1200 、800 、400 |
quality |
number 或者 string | 缩略图JPG压缩参数,尺寸不变。为 1-100 之间的整数。也可以使用 original 、high 、middle 、low 按预设品质压缩,分别对应为 100 、90 、70 、50 |