In this video we work with file inputs and native javascript classes such as File and FileReader to display a preview of the image prior to uploading it to any external server. We'll also limit file selection to images only using mime types. We'll be using TypeScript in this video.

---------- Links

Source Code - [ Ссылка ]
Starting Point - [ Ссылка ]

---------- Connect

Join this channel - [ Ссылка ]
Join me on Discord - [ Ссылка ]

---------- Timeline

00:00 - Introduction
01:00 - Creating a File Input
03:40 - Storing File in State
05:20 - Limiting Images with Mime Types
06:40 - Previewing Image with FileReader
10:50 - Object Fit Cover

свернуть