Image Previews in React with FileReader

Опубликовано: 29 Октябрь 2020
на канале: Leigh Halliday

27,408

899

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 - https://github.com/leighhalliday/imag...
Starting Point - https://github.com/leighhalliday/imag...

---------- Connect

Join this channel - / @leighhalliday
Join me on Discord - / 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

Смотрите видео Image Previews in React with FileReader онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Leigh Halliday 29 Октябрь 2020, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 27,40 раз и оно понравилось 89 людям.