Генератор форм

Для веб-мастера

Реклама


Комментарии к статье:
Загрузка файлов на сервер без перезагрузки страницы

Дата: 9 марта 2011 Просмотры 49756 Комментарии 34

    Получать новые материалы этого сайта на свой email адрес?

    Отправлять мне комментарии по эл. почте?

alex
alex 6 мая 2011 | 21:25
-5
Всё работает но фото не могу найти в чём проблема???
Шамшур Иван
Шамшур Иван 6 мая 2011 | 23:02
+4
где на сервере? В папке test должна быть!
alex
alex 7 мая 2011 | 00:51
-1
всё разобрался. проста на сервер надо было заново заходить, чтобы загруженные файлы появились
Алексей
Алексей 7 июня 2011 | 17:42
-6
Возможно я не по теме пишу, но
как сделать, что бы при переходе на ссылку в сайте страница не перезагружадась, а перезагружалась только информация.
заранее спасибо!
Gogita
Gogita 11 августа 2011 | 09:50
-4
Перед отправкой img как проверить данные (например на расширение или на весь) или файл вообще был выбран или нет?
Шамшур Иван
Шамшур Иван 11 августа 2011 | 10:14
-7
Писать дополнительный javascript-код, в котором и делать проверку. Если проверка прошла успешно, делать Submit формы
Gogita
Gogita 11 августа 2011 | 19:51
-5
Вот мои код. поправьте пожалуйста если вам не трудно. Я Толька осваиваю этот язык.

$(document).ready(function() {
$('#submitFile').submit(function() {
var imgType = Array('jpg','gif','png','jpeg');
var file_text_val = $('#file_text').val();
if (file_text_val == '') {
alert('Выберите изображению !');
return false;
} else if (imgPoz(imgType,file_text_val) != true) {
alert('Только файлы с расширением jpg, jpeg, gif и png !');
return false;
} else {
var is_file_uploaded = false;
function on_file_load() {
if ( ! is_file_uploaded ) {
is_file_uploaded = true;
return;
}
// этот код выполнится после полной загрузки файла
is_file_uploaded = false;
alert("Файл загружен!");
}
return true;
}
});
}); // end ready
function imgPoz(a,b) {
var c = b.toLowerCase();
var ar = c.split('.')
var e = ar[(ar.length - 1)];
for(var i = 0; i < a.length; i++) {
if (e == a[i]) {
return true;
break;
}
}
}
Спасибо заранее.
Gogita
Gogita 11 августа 2011 | 21:26
-9
Вот HTML код:

<form enctype="multipart/form-data" action="profil_red3.php" method="post" target="loader" id="submitFile" onsubmit="$('#status2').css({'display':'block'}); return true;">
<iframe style="display:none;" name="loader" onload="on_file_load()"></iframe>
<input type="file" name="myfile" onchange="document.getElementById('file_text').value = this.value;" />
<input name="file_text" type="text" maxlength="50" style="display:none;" id="file_text">
<input id="ip" type="hidden" value="<?=$_SERVER['REMOTE_ADDR']?>" />
<span id="status2"><img src="refresh3.gif" /></span>
<input type="submit" value="Upload" id="upload_img" /> </form>
Шамшур Иван
Шамшур Иван 12 августа 2011 | 01:29
-4
Вот ссылка на тестовую страницу, где я это реализовал. Смотрите исходный код
Gogita
Gogita 12 августа 2011 | 22:21
-5
Спасибо Иван, спасибо что помогли новичку. Вобщета я по специальности инженер-строитель, проектирую дома. Но рас строительством так встала взялся изучать веб программирование. Собираюсь сделать строителни сайт. Посмотрим что получится.
Шамшур Иван
Шамшур Иван 12 августа 2011 | 23:33
0
Да не за что! Рад был помочь. Обращайтесь если что!
developer
developer 19 июня 2012 | 15:22
-6
А как-бы глянуть на php-файл-обработчик. Я так понимаю там должен объявляться этот массив
var mes = new Object; ?!
Gogita
Gogita 11 августа 2011 | 09:50
-6
Можна в месте с файлом отправить другие POST запросы?
Шамшур Иван
Шамшур Иван 11 августа 2011 | 10:13
-4
Да, конечно!
beby
beby 26 ноября 2011 | 19:09
-6
Мне нравятся ваши уроки.
Не могли бы вы показать, или доработать ваш код что бы загружать минеатюры для загрузки аватара.
Шамшур Иван
Шамшур Иван 26 ноября 2011 | 23:29
-4
Возможно скоро напишу статью на эту тему.
Иван
Иван 12 декабря 2011 | 22:52
-4
Спасибо, этот вариант, какраз то что мне нужно!
Евгений
Евгений 3 января 2012 | 14:13
-7
Как потом загруженный файл отправить на сервер?
Шамшур Иван
Шамшур Иван 3 января 2012 | 17:25
-5
Так он загружается на сервер и так!
Слава
Слава 3 января 2012 | 19:33
-6
1. Как сделать, чтобы когда файл не выбран нельзя было нажать кнопку "Загрузить"
2. Как сделать, чтобы после загрузки файла, <input type="file" id="userfile" name="userfile" /> userfile обнулялся, чтобы этот же файл снова не загружали? Или пока другой файл не выберешь кнопка Загрузить была деактивирована.
Спасибо.
Слава
Слава 3 января 2012 | 20:20
-3
Чтобы обнулялось имя файла после загрузки нужно в функцию

function handleResponse(mes) {
вставить sendform.userfile.value='';
Слава
Слава 3 января 2012 | 19:48
-4
Когда жмешь "загрузить" при не выбранном файле, то ошибка "Возникли ошибки во время загрузки файла: Вы загружаете запрещенный тип файла", было бы корректней ругнуться, что файл не выбран.
Andrew Gurylyov
Andrew Gurylyov 29 января 2012 | 23:30
-5
Скажите, пожалуйста, какие требования к хостингу у этого скрипта? А-то у меня не загружает файлы, я ссылаюсь на то, что купил самый дешёвый хостинг моего провайдера.
Шамшур Иван
Шамшур Иван 30 января 2012 | 00:41
-1
Требование одно - нужно чтобы было разрешено загрузка файлов на сервер.
Дмитрий
Дмитрий 19 августа 2012 | 13:36
-3
Если в файле upload.php допустить синтаксическую ошибку, допустим не поставить точку с запятой в какой-нибудь стоке, почему скрипт не показывает эту ошибку, а просто стоит надпить "Идет загрузка файла". Как сделать чтоб отображались ошибки в этом файле

Шамшур Иван
Шамшур Иван 19 августа 2012 | 16:39
+1
Ошибки отображаются в iframe, которого просто не видно, так как у него ширина и высота равны нулю.
Максим
Максим 20 декабря 2012 | 00:31
+1
Подскажите почему несрабатывает метод handleResponse(mes). Фото загружается нормально, в ифрейм вписывается метод handleResponse(mes), но ни к чему не приводит.
Сергей
Сергей 1 июня 2015 | 11:50
-1
Хотелось бы реализовать у себя на сайте форма загруски картинок есть и они загружаються но с перезагруской картинки если сможите помочь то помогите
http://luzynka.ru/buy/?id=31606
Вячеслав
Вячеслав 21 октября 2012 | 18:03
-1
Помогите , сайт на joomla 1.7 хочу сделать что б зарегистрированные пользователи могли загружать файлы , видео в папку video (mp4 , flv) а музыкальные в папку music.upload (mp3 , wav) как это сделать?
Ваш PHP-код код закачал на сервер в папку www а HTML-код на нужную страничку, форма отображается при попытке закачать вроде закачивает , а папки пустые , куда качает или всё таки не качает ? помогите.
Андрей
Андрей 23 марта 2013 | 01:40
-1
http://biznesguide.ru/coding/126.html

Здравствуйте! Воспользовался вашей статьей и добавил код к себе на сайт.. Я сделал так, что имя файла генерируется, но после того как файл загружается, то выводится сообщение "файл "имя.png" загружен"

А как сделать чтобы после загрузки выходило имя уже сгенерированного файла?
Андрей
Андрей 23 марта 2013 | 14:17
-2
Разобрался сам.. После строчки
$data = $_FILES['userfile'];

Добавил строчку
$data['name'] = $file_name.$file_ext;

И все )
Dropp
Dropp 7 июня 2013 | 17:03
-4
Иван, спасибо большое за статью.
Голову ломал 2 дня, а решение - 5 минут))
Олег
Олег 25 июля 2013 | 23:36
-2
а как сделать предпросмотр изображения на вашем примере???
Fashick
Fashick 8 июня 2018 | 23:18
0
Огромнейшее вам спасибо! Скрипт то что надо! Все работает!

Простая CRM

Твиттер Facebook Google plus RSS