Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.87/15: Рейтинг темы: голосов - 15, средняя оценка - 4.87
-2 / 1 / 0
Регистрация: 06.08.2018
Сообщений: 212

Записать имя файла в тег при выборе из input type=file

24.08.2018, 12:00. Показов 3119. Ответов 1
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Здравствуйте, помогите пажалуйста, не могу догнать как сделать с jquery так, чтобы когда выбрана картинка в поле input type file имя картинки записывалось в какой нибудь тег будь то span или p или что то еще
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
24.08.2018, 12:00
Ответы с готовыми решениями:

Как записать значение в input type file
Помогите, как записать значение в <input type='file'>. При нажатии на кнопку обзор выбираю файл : с:1.jpg - в поле выдается 'с:1.jpg'....

Как проконтролировать размер файла при upload'е через input type="file"?
Имеем форму для заливки файлов (фотографий) на сервер организованную посредством <input type='file'> Вопрос: как...

Отправка файла на сервер без использования input type=file
Всем привет. Подскажите пожалуйста, можно ли отправить файл на сервер без использования кнопки file для указывающей имя файла? ...

1
the hardway first
Эксперт JS
 Аватар для j2FunOnly
2475 / 1847 / 910
Регистрация: 05.06.2015
Сообщений: 3,610
24.08.2018, 12:49
PHP/HTML
1
2
3
4
5
6
7
<input type="file" id="userfile">
<span id="userfile-name"></span>
<script type="text/javascript">
  $('#userfile').change(function(e) {
    $('#userfile-name').text(this.files[0].name);
  })
</script>
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
24.08.2018, 12:49
Помогаю со студенческими работами здесь

Как можно поменять кнопку <input type=file> для выбора файла или заменить на image?
Как можно поменять кнопку &lt;input type=file&gt; для выбора файла или заменить на image?

Как заменить надпись на кнопке 'BROWSE' при использовании тэга <input type='File'> ?
Как заменить надпись на кнопке 'BROWSE' при использовании тэга &lt;input type='File'&gt;. Если такая возможность?

Вставить путь до файла в поле <input type="file"
Всем привет ,нужно вставить на данной страничке http://www.pro-n.by/frame.php?i=PHOTO&amp;part=sale&amp;base=flats&amp;act=object&amp;id=36746 ...

Программный выбор файла в input type="file"
Кто скажет как в webbrowser программно выбрать файл с компьютера input type=&quot;file&quot; получит пряник!

Удаление поля input type="file" с заданным именем файла
Если у меня есть несколько полей для прикрепления файлов input type=&quot;file&quot;, как можно удалить только тот input в котором был выбран файл с...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Новые блоги и статьи
SDL3 для Web (WebAssembly): сборка C/C++ проекта из консоли
8Observer8 30.01.2026
Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
Установка Emscripten SDK (emsdk) и CMake на Windows для сборки C и C++ приложений в WebAssembly (Wasm)
8Observer8 30.01.2026
Чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. Система контроля версиями Git. . .
Подключение Box2D v3 к SDL3 для Android: физика и отрисовка коллайдеров
8Observer8 29.01.2026
Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .
Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT
bedvit 28.01.2026
Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .
Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 28.01.2026
Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .
Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL3_image
8Observer8 27.01.2026
Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .
Влияние грибов на сукцессию
anaschu 26.01.2026
Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .
Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android
8Observer8 26.01.2026
Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru