I created this demo repo because documentation for multipart uploading of large files using presigned URLs was very scant.
I wanted to create a solution to allow users to upload files directly from the browser to AWS S3 (or any S3-compliant storage server). This worked great when I used AWS SDK's getSignedUrl API to generate a temporary URL that the browser could upload the file to.
However, I hit a snag when dealing with files > 5GB because the pre-signed URL only allows for a maximum file size of 5GB to be uploaded at one go. As such, this repo demonstrates the use of multipart + presigned URLs to upload large files to an AWS S3-compliant storage service.
- Frontend Server: React (Next.js)
- Backend Server: Node.js (Express), using the AWS JS SDK
- Storage Server: AWS S3
- Clone the repo and change directory into the repo
- Open three different terminal windows.
Backend Server
add .env file with
AWS_ACCESS_KEY=<key>
AWS_SECRET_ACCESS=<secret>
AWS_S3_BUCKET=<bucket name>
run:
cd backend
npm install
npm start
Frontend Server
run:
cd frontend
npm install
npm start
Upload File
Go to http://localhost:3000
in your browser window and upload a file.