Uploading and Displaying User Avatars

In this lesson, we'll learn how to validate and upload avatar images into our project's storage. We'll then learn how we can easily display images we have contained within our app's storage

Jun 01
15m 29s

Developer, dog lover, and burrito eater. Currently teaching AdonisJS, a fully featured NodeJS framework, and running Adocasts where I post new lessons weekly. Professionally, I work with JavaScript, .Net C#, and SQL Server.


Burlington, KY

🕰️ Chapters
00:00 - Adding Avatar File Input Field
01:06 - Adding AvatarUrl Hidden Field
01:40 - Validating Avatar and AvatarUrl Fields
03:05 - MultipartFile Options
03:52 - Moving the Uploaded Image to Storage
05:25 - Storing the Image's Storage Path
06:03 - Removing A User's Avatar
06:20 - Enctype Multipart Form Data
07:30 - Downloading Stored Avatar Images
10:10 - Displaying Stored Avatar Images
10:53 - Allowing Users to Remove Their Avatar
12:36 - Deleting the User's Avatar Image on Remove
13:40 - Testing Our Upload & Remove Flow
14:10 - A Few Things To Notes

Join The Discussion! (0 Comments)

Please sign in or sign up for free to join in on the dicussion.

robot comment bubble

Be the first to Comment!