reactjs - 使用 API Gateway 和 Lambda 函数的 S3 分段上传
问题描述
我正在开发一个 React JS Web 应用程序。从此应用程序中,用户可以将他们的照片/视频上传到 S3 存储桶中。而且视频大小也很高(超过 300MB)。所以我决定使用分段上传方法将视频文件上传到 S3 存储桶中。在查看了 Multipart 之后,我理解了这个 multipart 概念,但我无法在我的 React 项目中实现它。所以我带着几个关于 Multipart 如何与 React 或其他前端一起工作的问题来到这里。
这是我的问题,
在我的应用程序中,我决定使用AWS API Gateway 和 Lambda 函数将视频文件上传到 S3 存储桶。我正在通过我的 React JS POST调用使用 API 网关发送视频文件。问题是,实际上 multipart 是在 React 代码端还是在 Lambda 函数中执行或工作?
我使用 Content-Type 创建了 API Gateway:“multipart/form-data”。
主要问题-> 是使用 React 代码端还是在 Lambda 函数中执行分段上传以将视频文件上传到 S3 存储桶中。
提前致谢。
解决方案
使用分段上传时,不需要 Lambda 函数。React 应用程序将直接上传到 S3。
您应该检查已经构建的东西,例如react-dropzone-s3-uploader-multipart
推荐阅读
- javascript - 如何在 Django 模板上传递 Python 列表并在 JavaScript 中使用它?
- excel - 如何使用 VBA 宏更新存储在客户 SharePoint 上的多个 excel (.xlsx) 文件
- laravel - 如何在 Laravel Nova 工具中使用 React?
- javascript - 反应上传多个文件
- database - 从 api 获取空白数据,即使数据可用于在数据库中获取
- docker - 删除几个 Image 依赖项
- android - Flutter sms_autofill 插件与 razorpay_flutter 冲突
- powershell - 比较没有扩展名的文件并从Powershell中的文件夹中删除文件
- mysql - 如何使用 Prisma、MySQL、neo4j 和 redis 实现 Polyglot?
- neural-network - 使用卷积神经网络和 DL4J 进行预测