React Native多文件上传（iOS+Android）方案咨询

后端服务设计 #

针对AWS S3或Azure Blob Storage，核心原则是绝不把云存储密钥暴露给前端，后端需实现以下核心逻辑：

• AWS S3：通过IAM角色生成预签名URL，前端使用该URL直接上传文件至S3；同时后端负责上传前校验（文件数量、大小、格式），以及上传后的回调处理（如更新数据库记录、触发图片压缩/分类任务）。
• Azure Blob Storage：生成SAS令牌，前端凭借令牌上传至指定Blob容器；后端管控上传权限、规则，并处理后续业务逻辑。

额外需开发：

• 批量上传任务跟踪接口，记录每张照片的状态（待上传/上传中/成功/失败）
• 失败重试的凭证刷新逻辑，避免预签名URL/SAS令牌过期失效

移动端（React Native）处理流程 #

1. 照片选择：使用支持多选的图片选择库，一次性选取最多100张照片，获取本地文件路径。
2. 上传队列管理：维护上传队列，控制并发数（建议3-5个），避免同时发起过多请求导致网络阻塞。
3. 状态同步：实时更新每张照片的上传进度、状态，同步到前端UI展示给用户。

后台上传（App最小化/后台运行时） #

推荐以下React Native库：

• react-native-background-upload：支持iOS和Android原生后台任务，开启background: true参数即可在App后台持续上传；需配置对应平台权限（iOS修改Info.plist、Android修改AndroidManifest.xml）。
• Expo生态方案：结合expo-background-fetch + expo-file-system，通过后台定时任务触发未完成的上传任务，适合Expo开发的项目。

连接错误处理 #

针对网络波动、连接中断等问题，需实现：

• 指数退避重试：设置重试间隔（如1s→2s→4s…最多5次），避免频繁重试加重服务器负担；可在上传库中配置，或用axios-retry配合自定义上传请求实现。
• 断点续传：react-native-background-upload原生支持该功能；AWS S3和Azure均支持分块上传，后端生成分块预签名URL，前端分块上传后再合并完成整个文件上传。
• 失败任务留存：本地存储失败任务的文件路径、错误原因，下次App启动时自动重试，或提供手动重试入口。

AWS S3相关 #

• aws-amplify/storage：AWS官方封装库，自带预签名URL生成、后台上传、错误重试、分块上传等功能，集成成本低，无需编写大量底层代码。
• react-native-s3-upload：轻量级专用库，支持自定义预签名URL，适合需要灵活控制上传流程的场景。

Azure相关 #

• @azure/storage-blob：Azure官方JavaScript SDK，通过rn-nodeify适配React Native环境后使用，支持SAS令牌上传、分块上传等核心功能。

通用上传SaaS工具 #

• Uploadcare：支持直接上传至S3或Azure，提供React Native SDK，自带后台上传、错误处理、图片优化等功能，无需自建后端服务，适合快速上线的项目。

内容的提问来源于stack exchange，提问作者artur pezda