react-native-upload2 v1.1.1

react-native-upload2

一个图片/视频上传的 React-Native 组件

• 基于react-native-image-crop-picker
• 支持图片/视频压缩（Android & iOS）
• 支持资源多选，支持单个上传失败重试
• 支持多图片预览
• 支持视频预览

安装

1. 安装react-native-upload2

$ yarn add react-native-upload2

2. iOS

cd ios
pod install

3. 根据react-native-image-crop-picker进行相关设置

使用

import React, { Component } from 'react'
import { render } from 'react-dom'
import Upload from 'react-native-upload2'
const UploadPage: React.FC = () => {
  const [images, setImages] = useState([])
  return (
    <View>
      <Upload uploadAction={...} tipText={langs.picsAndVideo} maxCount={10} list={images} onChange={(val) => setImages(val)} />
      <Upload.Preview list={images} />
    </View>
  )
}

使用效果如下

API

？表示可选参数

interface IUploadSource {
  key: string // 当前资源的唯一标识
  path?: string // 本地资源路径
  name?: string // 名称
  type?: string // 类型
  status?: 'loading' | 'done' | 'error' // 资源状态
  origin?: FileVO // 远程上传结果
}

type UploadAction = ({ data }: { data: FormData }) => Promise<FileVO>

interface FileVO {
  /** 文件ID */
  fileId?: string

  /** 文件上传时间 */
  fileUploadTime?: string

  /** 文件地址 */
  fileUrl?: string

  /** 文件名称 */
  filename?: string
}