react native 实现本地相册、拍照、显示上传的图片、上传图片文件(react-native-image-picker)

目录：

1. 思路
2. 安装中间件
3. 获取用户相册/相机权限，以及主要步骤
4. 调用接口，实现上传图片文件

思路

• 获取用户相册/相机权限；
• 实现本地相册选择/相机拍摄；
• 封装上传接口，将照片上传到服务器；
• 将选择的照片，展示出来（注意点：展示时，需要使用本地路径，而不是服务器地址）；

具体步骤

1. 安装中间件 react-native-image-picker

版本：

"react": "16.8.3",
"react-native": "0.59.9",
"react-native-image-picker": "0.27.0"

2. 获取用户相册/相机权限，以及主要步骤

• 设置选择照片的弹窗样式
• 调用 ImagePicker.showImagePicker 函数选择本地相册/拍照
• 设置获取相机权限提示
• 区分 IOS / Android 上传的文件是否加前缀 file//
• 调用上传接口 uploadEquipImg

【主要代码如下】

...
import ImagePicker from 'react-native-image-picker';
import {
    uploadEquipImg
} from '../../action/TestAction'; // 上传图片接口文件，此函数在下一步详细描述
...


class Test extends Component {
    constructor(props) {
        super(props);
        this.state = {
            ...
            localPhoOption: [] // 存储本地文件路径，用户本地展示图片
            ...
        }
    }
    
    
    // 添加图片 点击
    handleAddPicCheck() {
        // console.warn('添加图片------check')
        let { localPhoOption } = this.state
        let { props } = this
        let that = this
        const options = {
            title: