Create a Drag & Drop File Uploader For Websites

$49.99

This Create a Drag & Drop File Uploader course shows you how to build your own file uploader with the advanced feature of drag and drop uploading.  File Uploaders can be used in creating an online learning platform or on any other type of website in which file uploads are important. Learning this skill will keep you head and shoulders above the rest of the web dev flock.

Length: 2 hrs

This title is available in the
Total Training All-Access library.

Subscribe Now

Description

In this Create a Drag & Drop File Uploader course you will learn how to set up your upload server, set the style of your upload page, display an upload progress bar, and write the JavaScript code to make it all come together.

Create a multiple file uploader using the HTML5 Drag & Drop API, with a multiple file selection if not supported. You’ll create a reusable JavaScript AJAX uploader that works with any backend language that can upload files and output JSON, although we’ll be using PHP here. Finally, we’ll pull this all together by using the reusable uploader code to output which files have been uploaded and which ones failed.

Sample clip

Technologies and Languages Used

  • PHP
  • JavaScript
  • AJAX
  • CSS
  • HTML5
  • Real World Uses
Create a Drag & Drop File Uploader For Websites – 1 hr 53 min

 

CHAPTER 1: INTRODUCTION TO THE COURSE
Course Introduction
 
CHAPTER 2: CREATING A UDEMY STYLE DRAG AND DROP FILE UPLOAD SYSTEM
Preparing the Server
Styling
Drag and Drop Hook
Form Upload Hook
Backend Upload
JavaScript Upload Part 1
JavaScript Upload Part 2
Progress Bar
Showing Processed Files

Alex Garrett is a UK-based developer. His experience includes software engineering and web architecture, as well as authoring “The PHP Project Guide”. Alex enjoys teaching Laravel, PHP, MySQL, jQuery, and other coding topics through his online courses.

You may also like…