react-native-image-picker的使用简单总结

一、依赖安装

依赖 react-native-camera

yarn add react-native-image-picker
react-native link react-native-image-picker

二、调用相机

import { launchCamera } from 'react-native-image-picker';
launchCamera({
    mediaType: 'photo',
    maxWidth: 1000,// 设置选择照片的大小，设置小的话会相应的进行压缩
    maxHeight: 1000,
    quality: 0.8,
    // videoQuality: 'low',
    // includeBase64: true
}, res=>{
    if(res.didCancel){
        return false;
    }
    // 对获取的图片进行处理
})

三、调用相册

import { launchImageLibrary } from 'react-native-image-picker';
launchImageLibrary({
    mediaType: 'photo',
    maxWidth: 1000,// 设置选择照片的大小，设置小的话会相应的进行压缩
    maxHeight: 1000,
    quality: 0.8,
    // videoQuality: 'low',
    // includeBase64: true
}, res=>{
    if(res.didCancel){
        return false;
    }
    // 对获取的图片进行处理
})

四、上传

上传的时候需要关掉debugger模式，不然会失败

// 上传图片api调用
async function uploadImage(params) {
    const formData = new FormData();
    formData.append('file', {
        uri: params.uri,
        type: params.type,
        name: params.fileName,
    });
    return await fetch(`apiurl`, {
        method: 'post',
        body: formData,
        headers: {
            'Content-Type': 'multipart/form-data'
        },
    }).then((response) => {
        return response.json()
    })
}