SitePoint
  • Blog
  • Forum
  • Library
  • Login
Join Premium
  1. Details
  2. Creator
  3. Content
  4. Reviews
  5. FAQ
How to Build a File Upload Form with Express and DropzoneJS Cover

How to Build a File Upload Form with Express and DropzoneJS

4

average rating (1 votes)

Created by

James Hibbard

Published by

SitePoint

Last Updated

27 February 2020

Details

In this tutorial. We’re going to take a look at DropzoneJS in some detail. We’ll show how to implement it. and look at some of the ways in which it can be tweaked and customized. We’ll also implement a simple server-side upload mechanism using Node.js.

Description

Let’s face it, nobody likes forms. Developers don’t like building them, designers don’t particularly enjoy styling them, and users certainly don’t like filling them in.

Of all the components that can make up a form, the file control could just be the most frustrating of the lot. It’s a real pain to style, it’s clunky and awkward to use, and uploading a file will slow down the submission process of any form.

That’s why a plugin to enhance them is always worth a look, and DropzoneJS is just one such option. It will make your file upload controls look better, make them more user-friendly, and by using AJAX to upload the file in the background, it will at the very least make the process seem quicker. It also makes it easier to validate files before they even reach your server, providing near-instantaneous feedback to the user.

We’re going to take a look at DropzoneJS in some detail. We’ll show how to implement it. and look at some of the ways in which it can be tweaked and customized. We’ll also implement a simple server-side upload mechanism using Node.js.

Creator

James Hibbard avatar

James Hibbard

James is a regular contributor to SitePoint, most notably on topics around JavaScript. He's also the technical editor for various books (e.g. JavaScript: _Novice to Ninja_ and _Jump Start Vue.js_). He also works for his local university as a network admin / web dev where he spends a fair bit of my time working on Rails apps.
James Hibbard avatar

Content

1
Preview

Reviews

Log in to write a review!

Frequently Asked Questions

How to Build a File Upload Form with Express and DropzoneJS Cover

How to Build a File Upload Form with Express and DropzoneJS

4

  • Unlimited access to this title and 600+ others in our library

  • New titles added frequently

  • Cancel anytime

Stuff we do

  • Premium
  • Newsletters
  • Forums

About

  • Our Story
  • Terms of use
  • Privacy Policy
  • Corporate Memberships

Contact

  • Contact us
  • FAQ
  • Publish your book with us
  • Write an article for us
  • Advertise

Connect

© 2000 – 2024 SitePoint Pty. Ltd.

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.