PHP.SU

Программирование на PHP, MySQL и другие веб-технологии

PHP.SU Портал

Главная

Помощь

Поиск

Поиск Яндекс Вакансии

Пользователи

Здравствуйте, Гость

( Вход · Регистрация · Правила форума )

Забыли пароль?

Перетаскивание файла в браузер

Форумы портала PHP.SU » Клиентская разработка » JavaScript & VBScript (Модератор: armancho7777777)

Страниц (1): [1]

Без описания

Поиск в теме | Версия для печати

Ammiak	Отправлено: 01 Декабря, 2014 - 13:27:56
Частый гость Покинул форум Сообщений всего: 232 Дата рег-ции: Апр. 2011 Помог: 0 раз(а)	Всем привет Пытаюсь сделать загрузку файла в форму путем перетаскивания его мышью в браузер как описано здесь: http://habrahabr[dot]ru/post/125424/ У меня такая структура: есть форма CODE (html): скопировать код в буфер обмена <form method="post" action="" enctype="multipart/form-data"> <input type="file" value="" name="myFile" /> <!--поля формы--> <input type="submit" value="Отправить"> </form> Далее выполняется этот код CODE (javascript): скопировать код в буфер обмена // Создаем запрос var xhr = new XMLHttpRequest(); xhr.upload.addEventListener('progress', uploadProgress, false); xhr.onreadystatechange = stateChange; xhr.open('POST', '/upload.php'); xhr.setRequestHeader('X-FILE-NAME', file.name); xhr.send(file); }; // Показываем процент загрузки function uploadProgress(event) { var percent = parseInt(event.loaded / event.total * 100); dropZone.text('Загрузка: ' + percent + '%'); } // Пост обрабочик function stateChange(event) { if (event.target.readyState == 4) { if (event.target.status == 200) { dropZone.text('Загрузка успешно завершена!'); } else { dropZone.text('Произошла ошибка!'); dropZone.addClass('error'); } } } В указанный div для загрузки пишется надпись Загрузка успешно завершена!, но сам файл из формы не отправляется (массив $_FILES пуст). Подскажите пожалуйста, что делаю не так?

esterio	Отправлено: 01 Декабря, 2014 - 14:06:48
Активный участник Покинул форум Сообщений всего: 5025 Дата рег-ции: Нояб. 2012 Откуда: Украина, Львов Помог: 127 раз(а)	https://developer[dot]mozilla[dot]org/en[dot][dot][dot]b/API/FileReader

OrmaJever	Отправлено: 01 Декабря, 2014 - 14:29:08
Активный участник Покинул форум Сообщений всего: 7540 Дата рег-ции: Янв. 2010 Откуда: Чернигов Помог: 299 раз(а)	Ammiak пишет: Пытаюсь сделать загрузку файла в форму путем перетаскивания его мышью в браузер как описано здесь: http://habrahabr[dot]ru/post/125424/ недавно тоже делал такую же задачу по этому примеру и он у меня тоже не работал. Я сделал через FormData CODE (javascript): скопировать код в буфер обмена var formData = new FormData(); var files = event.dataTransfer.files; for(var i = 0; i < files.length; ++i) { formData.append('image' + i, files[i]); } var xhr = new XMLHttpRequest(); xhr.upload.addEventListener('progress', function(event) { var percent = parseInt(event.loaded / event.total * 100); $('#load_button > a').text('Загрузка: ' + percent + '%'); }, false); xhr.onreadystatechange = function(event) { /// ... }; xhr.open('POST', '...'); xhr.send( formData ); (Отредактировано автором: 01 Декабря, 2014 - 14:29:47) ----- Если вы хотя бы 3-4 раза не решите всё выкинуть и начать заново - вы явно что-то делаете не так.

Contr	Отправлено: 08 Декабря, 2014 - 10:18:50
Частый гость Покинул форум Сообщений всего: 202 Дата рег-ции: Окт. 2011 Откуда: с Марса Помог: 1 раз(а)	OrmaJever пишет: недавно тоже делал такую же задачу по этому примеру и он у меня тоже не работал. Я не пойму, как по этому примеру обработать файл на сервере. $_FILES пустой, $_POST тоже. Сам то файл отправляется. А вот как на сервере его поймать? (Добавление) А, не. сорри. Получилось. Надо делать с formdata и ловить переменной $_FILES

Мелкий	Отправлено: 08 Декабря, 2014 - 10:30:49
Активный участник Покинул форум Сообщений всего: 11926 Дата рег-ции: Июль 2009 Откуда: Россия, Санкт-Петербург Помог: 618 раз(а)	Блин, народ, для вас что ли сюрприз, что самое полезное на хабре - это ни разу не статьи, которые нередко неполные, ошибочные или вовсе бредовые, а комментарии к ним. Прямо там же написано, почему пример в статье нерабочий и указано два способа, как это делать надо: http://habrahabr[dot]ru/post/125424/#comment_4135319 ----- PostgreSQL DBA

Contr	Отправлено: 08 Декабря, 2014 - 10:34:56
Частый гость Покинул форум Сообщений всего: 202 Дата рег-ции: Окт. 2011 Откуда: с Марса Помог: 1 раз(а)	хабр помойка, согласен

Contr	Отправлено: 08 Декабря, 2014 - 18:00:12
Частый гость Покинул форум Сообщений всего: 202 Дата рег-ции: Окт. 2011 Откуда: с Марса Помог: 1 раз(а)	xhr.upload.addEventListener('progress', uploadProgress, false); У меня вопрос такой: если я пересылаю несколько файлов, то прогресс для них общий? А если мне надо для каждого файла свой прогресс, то единственный выход создать новый new XMLHttpRequest() ? (Отредактировано автором: 08 Декабря, 2014 - 18:03:01)

armancho7777777	Отправлено: 09 Декабря, 2014 - 02:02:02
Активный участник Покинул форум Сообщений всего: 4526 Дата рег-ции: Февр. 2011 Откуда: Москва Помог: 221 раз(а)	Мелкий пишет: самое полезное на хабре - это ни разу не статьи Мелкий пишет: а комментарии к ним +1

nerv	Отправлено: 10 Декабря, 2014 - 17:09:47
Посетитель Покинул форум Сообщений всего: 407 Дата рег-ции: Февр. 2013 Откуда: Россия Помог: 9 раз(а)	если кто-то юзает ангуляр, может воспользоваться моим загрузчиком https://github[dot]com/nervgh/angular-file-upload Удобно, но не оч гибко. В рамках mv* архитектуры, задача сводится к конвертации json-like объекта c файлами в FormData. В проектах юзаю такое преобразование, если будет время, на гитхаб залью. Работает через эту штуку https://github.com/nervgh/object-traverse (Отредактировано автором: 10 Декабря, 2014 - 17:10:21) ----- Чебурашка стал символом олимпийских игр. А чего достиг ты? Тишина - самый громкий звук

nerv	Отправлено: 15 Декабря, 2014 - 18:22:42
Посетитель Покинул форум Сообщений всего: 407 Дата рег-ции: Февр. 2013 Откуда: Россия Помог: 9 раз(а)	nerv пишет: Удобно, но не оч гибко. В рамках mv* архитектуры, задача сводится к конвертации json-like объекта c файлами в FormData. В проектах юзаю такое преобразование, если будет время, на гитхаб залью https://github[dot]com/nervgh/object-to-formdata ----- Чебурашка стал символом олимпийских игр. А чего достиг ты? Тишина - самый громкий звук

Поиск в теме | Версия для печати

Страниц (1): [1]

Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)

« JavaScript & VBScript »

Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.