export const pickImage = () => new Promise((resolve, reject) => {
ImagePickerManager.showImagePicker(options, (response) => {
if (response.didCancel) {
const error = new Error();
error.message = 'User cancelled image picker';
error.response = response;
reject(error);
}
else if (response.error) {
const error = new Error();
error.message = 'ImagePickerManager Error';
error.response = response;
reject(error);
}
else {
const uri = Platform.OS === 'android' ? response.uri : response.uri.replace('file://', '');
const source = { uri, isStatic: true };
const image = {
source,
data: response.data
};
resolve(image);
}
});
});
uploadImage(){
var options = {
title: '选择图片',
cancelButtonTitle: '取消',
takePhotoButtonTitle: '拍照',
chooseFromLibraryButtonTitle: '从图库中获取',
maxWidth: 1000,
maxHeight: 1000,
aspectX: 1,
aspectY: 1,
quality: 1,
allowsEditing: false
};
ImagePickerManager.showImagePicker(options, (response) => {
if (response.didCancel) {
///console.log('User cancelled image picker');
}
else if (response.error) {
//console.log('ImagePickerManager Error: ', response.error);
ToastAndroid.show('出现未知错误',ToastAndroid.SHORT);
}
else {
const source = {uri:"file://"+response.path, isStatic: true};
var files=[{
uri:source.uri,
name:source.uri.split('/').pop()
}];
fileName=files[0].name;
this.uploadFun(files);
}
});
}
_uploadIdBack: function () {
var options = {
title: '选择身份证背面照',
cancelButtonTitle: '取消',
takePhotoButtonTitle: '拍照',
chooseFromLibraryButtonTitle: '从手机相册选取',
cameraType: 'back',
mediaType: 'photo',
allowsEditing: false,
noData: false,
storageOptions: {
skipBackup: true,
path: 'images'
}
};
ImagePickerManager.showImagePicker(options, (response) => {
if (response.didCancel) {
console.log('User cancelled image picker');
}
else if (response.error) {
console.log('ImagePickerManager Error: ', response.error);
}
else if (response.customButton) {
console.log('User tapped custom button: ', response.customButton);
}
else {
const source = {uri: response.uri.replace('file://', ''), isStatic: true};
const sourceData = 'data:image/jpeg;base64,' + response.data;
this.setState({
idBackSource: source,
idBackSourceData: sourceData
});
}
});
},
selectPhotoTapped() {
let options = {
title: '选择照片',
cancelButtonTitle: '取消',
takePhotoButtonTitle: '拍照',
chooseFromLibraryButtonTitle: '从相册选择',
quality: 0.5,
maxWidth: 300,
maxHeight: 300,
storageOptions: {
skipBackup: true
}
};
ImagePickerManager.showImagePicker(options, (response) => {
if (response.didCancel) {
console.log('User cancelled photo picker');
}
else if (response.error) {
console.log('ImagePickerManager Error: ', response.error);
}
else if (response.customButton) {
console.log('User tapped custom button: ', response.customButton);
}
else {
// You can display the image using either:
let source = 'data:image/jpeg;base64,' + response.data;
this.setState({
showLogo: response.data,
fightpic: source,
});
}
});
}
showImagePicker: function() {
var options = {
title: 'Select Photo',
cancelButtonTitle: 'Cancel',
takePhotoButtonTitle: 'Take Photo...',
chooseFromLibraryButtonTitle: 'Choose from Library...',
returnBase64Image: false,
returnIsVertical: false
};
ImagePickerManager.showImagePicker(options, (response) => {
var source = null;
if(response.didCancel) {
return;
}
else {
source = {
uri: 'data:image/jpeg;base64,' + response.data, isStatic: true
};
this.setState({
imgSource: source,
unselected: false
});
}
});
},
//修改头像
setAvator(){
let that = this;
ImagePickerManager.showImagePicker(options, (response) => {
const formData = new FormData();
var photo = {
uri: response.uri,
type: 'image/jpeg',
name: 'avactor.jpg',
};
formData.append('id',this.state.userId);
formData.append('pic',photo);
const opts = {
method:'POST',
headers:{
"Content-Type": "multipart/form-data"
},
body:formData
}
fetch(ServiceURL.baseUrl + ServiceURL.changeAvatorUrl,opts)
.then((response) => response.text())
.then((responseText) => {
let res = JSON.parse(responseText);
if(res.Status === true){
that.setState({
avator:res.filename
});
}
})
.catch(function(err){
alert(err);
});
});
}
takePicture() {
var that = this;
ImagePickerManager.showImagePicker(cameraOptions, (response) => {
console.log('Response = ', response);
if (response.didCancel) {
console.log('User cancelled image picker');
}
else if (response.error) {
console.log('ImagePickerManager Error: ', response.error);
}
else if (response.customButton) {
console.log('User tapped custom button: ', response.customButton);
}
else {
// You can display the image using either data:
const source = {uri: 'data:image/jpeg;base64,' + response.data, isStatic: true};
// uri (on iOS)
// const source = {uri: response.uri.replace('file://', ''), isStatic: true};
// uri (on android)
//const source = {uri: response.uri, isStatic: true};
that.setState({
image: source.uri
});
}
});
}