12 мая 2019 г. 13:36

130

Javascript. Показываем превью изображений

Иногда нам необходимо показывать превью при загрузке файлов, до отправки данных формы на сервер

Добавим форму с возможностью выбора изображений и кнопку "Показать" и при клике на которой, будут показываться превью

После того как мы написали html код, то мы добавим javascript код , где при клике на кнопку Показать , будем брать все выбранные изображения и создавать для них миниатюры. Это делается с помощью FileRider()

FileReader - это метод API HTML5 , который используется для чтения локальных файлов. Имея доступ к локальным файлам с помощью этого метода , мы можем проверять расширения файлов, ограничивать размер загружаемого файла , создавать миниатюры и другие манипуляции

Вот js код

Заключение

В этой статье , мы показали как с помощью метода FileReader() можно легко создавать миниатюры для изображений, проверять расширение.

comments powered by Disqus