Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.63/27: Рейтинг темы: голосов - 27, средняя оценка - 4.63
0 / 0 / 2
Регистрация: 15.08.2012
Сообщений: 102
1

Кнопка загрузки файла и индикатор загрузки в этой же кнопке

09.02.2013, 23:02. Просмотров 5350. Ответов 1
Метки нет (Все метки)

Как из двух input
HTML5
1
2
3
4
<form action="change_avatar.php" method="post" enctype="multipart/form-data">
    <input type="file" name="file" id="file" />
    <input type="submit" value="Update" />
    </form>
сделать одну кнопку с помощью которой можно будет выбрать файл на компьютере, затем после выбора файла-автоматически начать загрузку и вместо надписи "выбрать файл" показывать индикатор загрузки
0
Лучшие ответы (1)
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
09.02.2013, 23:02
Ответы с готовыми решениями:

индикатор загрузки файла
ХауХау ребята, нужна ваша помошь. 1.Надо сделать чтоб пользователь выбирал не больше 3 файлов на...

Индикатор загрузки аудио файла
Драсте, ребята! В youtube-плеере есть индикатор, в котором есть два показателя: красный показывает...

Скачивание файла WebClient с отображением процентов загрузки файла, progressBar, скоростью загрузки файла
Приветствую! Нужна Ваша помощь... Имеется такой кодик, слепленный из готовых примеров ...

Кнопка для загрузки фотографии из файла
Кнопка для загрузки фотографии из файла :help: помогите пожалуйста :help:

1
885 / 680 / 101
Регистрация: 23.01.2009
Сообщений: 1,582
10.02.2013, 02:18 2
Лучший ответ Сообщение было отмечено MarkoPolo как решение

Решение

Самая распространенная техника для создания кнопки "Выбрать файл":

1. Для <input type="file" ... /> указывается id. У вас с этим все окей (id="file").
2. Рядом создается <label for="file">Выбрать файл...</label> (для for назначается id файлового инпута).
3. Теперь клик мышью по label вызывает диалоговое окно для выбора файла.
4. С помощью css файловый инпут скрывается, а <label> оформляется как кнопка.

Пример: http://jsfiddle.net/ostgals/3JtxD/

Для загрузки файла (с индикатором прогресса, если браузер поддерживает его) используйте плагин jquery.form.js - привяжите отправку формы к событию onchange файлового инпута:

Javascript
1
2
3
$('#file').change(function(){
    $('form').ajaxSubmit(...); // вместо многоточия ставим опции по докам к плагину
});
0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
10.02.2013, 02:18

Заказываю контрольные, курсовые, дипломные и любые другие студенческие работы здесь.

Индикатор загрузки
Здравствуйте! Столкнулась с глупой проблемой - необходимо было организовать отображение 3d модели и...

Индикатор загрузки
Привет ребят! У меня аяксом отправляются данные из формы, в том числе и картинка, на сервере эта...

Индикатор загрузки ЦП
Помогите реализовать c помощью ProcessBar загрузку ЦП. И ProcessBar должен находиться в...

Индикатор загрузки
Хочу сделать для ajax загрузок индикатор. С помощью методов ajaxStart и ajaxStop можно инициировать...


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

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2020, vBulletin Solutions, Inc.