/mern-upload-files-example

Primary LanguageJavaScript

Upload Files to S3 Using AJAX (Fetch API) and Express

Install Necessary Node Modules

multer is Express middleware that will be used on any route used to process a file send in the HTTP request's body.

npm install multer

@aws-sdk/client-s3 provides a client used to communicate between Node and AWS's S3 web service.

npm install @aws-sdk/client-s3

More Info: AWS SDK Version 3 for JavaScript Developer Guide

Review and Follow the Code Flow

  1. src/pages/App/App.jsx
  2. src/utilities/photo-api.js
  3. routes/api/photos.js (note the multer middleware on the route)
  4. controllers/api/photos.js
  5. config/upload-file.js