Получение данных изображения input type="file" / Скрипты / Сниппеты Bootstrap

Получение данных изображения input type="file"

Скрипт позволяет получить данные об изображении, картинке или фото при зарузке в input type="file", можно извлечь все параметры, высоту, ширину, название, вес и тип изображения, готовый пример в демо.

* Demo: Bootstrap v4.3.1, jQuery, Download file, доработка авторского примера.

Версия: v1.0.2

Каталог: Сниппеты Bootstrap

Категория: Скрипты

Для Bootstrap: 3, 4, 5

Для CMS: HTML, Drupal, Joomla, uCoz, WordPress, Magento, OpenCart, PrestaShop

Язык: Русский

Вес файла: 1.0 Kb

Уникальный ID: 3377

Количество символов:

Посмотрели: 2066 раз

Помощь: установка & настройка

Прикреплён файл №2: /stuff/0-0-0-3377-20

Скачали бесплатно: 63 раз

Прокомментировали: 0 раз

Рейтинг: 3.0 / 5 - 7 голосов

Тип лицензии: CC BY 4.0

Авторство: bootstraptema.ru

Информация: Пользователям

Информация: Правообладателям

Теги: параметры изображения, input type=file, получить данные, Скрипт, input, загрузка изображения, Bootstrap, извлечь данные, Script, данные изображения, type=file

Поделился: BootstrapТема

Добавлено: 2019-03-03 в 12:37

Метка: 1566146305

⇄ ⇅

<div class="col-12"><input id="img" type="file" /></div>
<div class="col-6"><h4>ширина</h4><input name='szw' type="text" class="form-control" /></div>
<div class="col-6"><h4>высота</h4><input name='szh' type="text" class="form-control" /></div>
<div class="col-6"><h4>тип файла</h4><input id="types" type="text" class="form-control" /></div>
<div class="col-6"><h4>размер файла</h4><input id="sizes" type="text" class="form-control" /></div>
<h4 class="mx-auto">имя файла</h4><input id="names" type="text" class="form-control" />
</div>
</div>
</div>

$("#img").addClass("dropify");

BootstrapTema

Получение данных изображения input type="file"

Скриншот

Подробнее

Похожие материалы

Просмотренные материалы

Всего комментариев: 0