[SOLVED] Best choice of uploading files into S3 bucket

Issue

I have to upload video files into an S3 bucket from my React web application. I am currently developing a simple react application and from this application, I am trying to upload video files into an S3 bucket so I have decided two approaches for implementing the uploading part.

1) Amazon EC2 instance: From the front-end, I am hitting the API and the server is running in the Amazon EC2 instance. So I can upload the files into S3 bucket from the ec2 instance.

2) Amazon API Gateway + Lambda: I am directly sending the local files into an S3 bucket through API + Lambda function by calling the https URL with data.

But I am not happy with these two methods because both are more costly. I have to upload files into an S3 bucket, and the files are more than 200MB. I don't know I can optimize this uploading process. Video uploading part is necessary for my application and I should be very careful to do this part and also I have to increase the performance and cost-effective.

If someone knows any solution please share with me, I will be very helpful for me to continue my process.

Thanks in advance.

Solution

you can directly upload files from your react app to s3 using aws javascript sdk and cognito identity pools and for the optimization part you can use AWS multipart upload capability to upload file in multiple parts I'm providing links to read about it further

AWS javascript upload image example

cognito identity pools

multipart upload to S3

also consider a look at aws managed upload made for javascript sdk

aws managed upload javascript

Answered By - varnit

Answer Checked By - Katrina (WPSolving Volunteer)