Javascript. Показываем превью изображений
Иногда нам необходимо показывать превью при загрузке файлов, до отправки данных формы на сервер
Добавим форму с возможностью выбора изображений и кнопку "Показать" и при клике на которой, будут показываться превью
После того как мы написали html код, то мы добавим javascript код , где при клике на кнопку Показать , будем брать все выбранные изображения и создавать для них миниатюры. Это делается с помощью FileRider()
FileReader - это метод API HTML5 , который используется для чтения локальных файлов. Имея доступ к локальным файлам с помощью этого метода , мы можем проверять расширения файлов, ограничивать размер загружаемого файла , создавать миниатюры и другие манипуляции
Вот js кодЗаключение
В этой статье , мы показали как с помощью метода FileReader() можно легко создавать миниатюры для изображений, проверять расширение.