Austin Gil

Full Spectrum File Uploads

A single large file upload can crash your server. Discover the streaming architecture that prevents this common and critical vulnerability.

Full Spectrum File Uploads
#1about 2 minutes

Understanding the HTTP fundamentals of file uploads

HTTP is the core protocol for sending files online, and browsers provide APIs like HTML and JavaScript to construct these requests for us.

#2about 4 minutes

How to enable file uploads using standard HTML

Use a form with a POST method, a file input, and the multipart/form-data encoding type to create a basic, accessible file upload feature.

#3about 8 minutes

Improving the user experience with JavaScript form submissions

Intercept HTML form submissions with JavaScript to prevent page reloads and create a smoother user experience while maintaining progressive enhancement.

#4about 7 minutes

Receiving and processing uploaded files in Node.js

Avoid loading large files into memory by using streaming libraries like Formidable to efficiently parse multipart form data and save files to disk.

#5about 8 minutes

Reducing storage costs with object storage solutions

Use S3-compatible object storage as a centralized, scalable, and cost-effective solution for storing user-uploaded files instead of server disk space.

#6about 5 minutes

Optimizing file delivery performance with a CDN

A Content Delivery Network (CDN) caches files on servers globally, reducing latency and delivering assets to users much faster.

#7about 17 minutes

Securing file uploads and protecting against malware

Follow security best practices like file name sanitization, size limits, and content validation, and implement a background process for malware scanning.

Related jobs
Jobs that call for the skills explored in this talk.

Featured Partners

Related Videos

See all videos
Catching up on the basics you don't really need that much code14:44

Catching up on the basics you don't really need that much code

Chris Heilmann

Snappy UI needs no Single-Page Application40:24

Snappy UI needs no Single-Page Application

Clemens Helm

The Fundamentals of Online Video1:03:27

The Fundamentals of Online Video

Phil Cluff

Leveraging Server-Sent Events (SSE) for Efficient Data Streaming in UI Development53:45

Leveraging Server-Sent Events (SSE) for Efficient Data Streaming in UI Development

Rainer Stropek

Vision for Websites: Training Your Frontend to See34:34

Vision for Websites: Training Your Frontend to See

Daniel Madalitso Phiri

How to Build Truly Production-ready Apps - Modern JS-based SaaS Stack for Indie Devs and Small Teams45:31

How to Build Truly Production-ready Apps - Modern JS-based SaaS Stack for Indie Devs and Small Teams

Dávid Lévai

A Primer in Single Page Application Security (Angular, React, Vue.js)36:39

A Primer in Single Page Application Security (Angular, React, Vue.js)

Thomas Konrad

The Microfrontend Revolution- Using Webpack 5 Module Federation with Angular33:18

The Microfrontend Revolution- Using Webpack 5 Module Federation with Angular

Manfred Steyer

From learning to earning

Jobs that call for the skills explored in this talk.

Full-Stack


La Orotava, Spain

Remote
PHP
Bash
Linux
MySQL
+11