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.

Matching moments

The challenge of submitting complex form data over HTTP
03:56 MIN

The challenge of submitting complex form data over HTTP

Brewing Tea over the Internet

Preventing malicious uploads with input validation
02:46 MIN

Preventing malicious uploads with input validation

Security Challenges of Breaking A Monolith

Audience Q&A on practical micro-frontend challenges
13:10 MIN

Audience Q&A on practical micro-frontend challenges

Micro-frontends anti-patterns

Q&A on security, browser support, and testing
14:10 MIN

Q&A on security, browser support, and testing

The Naked Web Developer: Your Browser Is Your Framework

Q&A on framework comparisons and advanced concepts
13:26 MIN

Q&A on framework comparisons and advanced concepts

Securing Frontend Applications with Trusted Types

Addressing security, performance, and scalability in JAMstack
04:33 MIN

Addressing security, performance, and scalability in JAMstack

Headless and JAMstack - The State of Commerce Today

An overview of the 2021 web developer survey
03:01 MIN

An overview of the 2021 web developer survey

Web development best practices in 2021

Essential web security best practices beyond SPAs
03:30 MIN

Essential web security best practices beyond SPAs

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

Featured Partners

Related Videos

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

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

Chris Heilmann

Snappy UI needs no Single-Page Application
40:24

Snappy UI needs no Single-Page Application

Clemens Helm

The Fundamentals of Online Video
1:03:27

The Fundamentals of Online Video

Phil Cluff

Vision for Websites: Training Your Frontend to See
34: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 Teams
45: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 Angular
33:18

The Microfrontend Revolution- Using Webpack 5 Module Federation with Angular

Manfred Steyer

Front-End Micro Apps
35:17

Front-End Micro Apps

Serg Hospodarets

Related Articles

View all articles
Chris Heilmann
All the videos of Halfstack London 2024!
Last month was Halfstack London, a conference about the web, JavaScript and half a dozen other things. We were there to deliver a talk, but also to record all the sessions and we're happy to share them with you. It took a bit as we had to wait for th...
All the videos of Halfstack London 2024!
Chris Heilmann
WeAreDevelopers LIVE days are changing - get ready to take part
Starting with this week's Web Dev Day edition of WeAreDevelopers LIVE Days, we changed the the way we run these online conferences. The main differences are:Shorter talks (half an hour tops)More interaction in Q&AA tips and tricks "Did you know" sect...
WeAreDevelopers LIVE days are changing - get ready to take part
Luis Minvielle
The Best Upcoming IT Webinars
Now that you already know what IT webinars are and how they can help you level up your professional appeal, you might want actually to get into one. Live tech webinars are one of the best ways to stay on top of the latest trends and tools because eit...
The Best Upcoming IT Webinars

From learning to earning

Jobs that call for the skills explored in this talk.

Frontend Developer

Frontend Developer

JO Media Software Solutions GmBh
Brunn am Gebirge, Austria

Senior
CSS
Angular
JavaScript
TypeScript