stache-buqit/stache-buqit-frontend


Host: GitHub

License: Other

Language: JavaScript


General Assembly Logo

File upload with express and AWS S3

Instructions

Install express-api-template into your training directory. In step 2 rename express-api-template to express-multer-api.

Objectives

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.

Prerequisites

Introduction

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.

Discussion

What are the parts of file upload? What are the issues to guard against?

Node packages checklist

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

Structure

We'll investigate, code, refactor, and integrate all the parts of file upload.

Uploading files to AWS from node

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.

Uploading files to an echo server from an html form

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.

Uploading files to AWS via multer and express

Completing the parts of file upload.

License

Source code distributed under the MIT license. Text and other assets copyright General Assembly, Inc., all rights reserved.

Project Statistics

Sourcerank 3
Repository Size 184 KB
Stars 0
Forks 2
Watchers 1
Open issues 1
Dependencies 31
Contributors 4
Tags 0
Created
Last updated
Last pushed

Top Contributors See all

Nicolas Garcia Antony Donovan Lou Arnos Zachary Simpson

Interesting Forks See all

soynog/stache-buqit-frontend
JavaScript - Last pushed - 5 stars

Something wrong with this page? Make a suggestion

Last synced: 2016-06-11 18:31:24 UTC

Login to resync this repository