Install
express-api-template into your training directory. In step 2 rename
express-api-template to express-multer-api.
By the end of this lesson, students should be able to:
- Upload files to AWS S3 from a node application.
- Create path names with a low chance of duplication
- Store information about uploaded files in MongoDB via Mongoose
- Upload files from a browser to express and store them in AWS S3.
Adding a feature to a web API can feel formidable.
We'll take a stepped approach to implementing an image upload feature.
Hard problems are hard. We'll work to find and solve an easier problem first.
What are the parts of file upload? What are the issues to guard against?
We'll use the following node modules as we build out this feature:
-
aws-sdk -
crypto -
dotenv -
file-type -
fs -
mongoose -
express -
body-parser -
multer
We'll investigate, code, refactor, and integrate all the parts of file upload.
We'll build a command line script in express-multer-api to upload a file to
AWS.
Why build a command line uploader?
We'll use AWS.S3, specifically the upload method, to send files to AWS S3.
We'll run the script using npm run upload-aws <file> [comment].
Refactoring is a skill to cultivate.
Let's separate out the parts that aren't about a command line script so we can reuse them.
We'll use the index.html to start file uploads.
We'll use the form attribute enctype="multipart/form-data" to allow uploading
of one or more files.
We'll use FormData and $.ajax to POST data to an echo server,
http://httpbin.org.
Later we'll use this client to POST data to express-multer-api.
Completing the parts of file upload.
Source code distributed under the MIT license. Text and other assets copyright General Assembly, Inc., all rights reserved.