Comments 52
Интересная статья. Спасибо.
Сервер принимает только один файл? Без потоков?
В данный момент на три перемещенных файла создается три потока, да. Интересно, думал ли автор о том, чтобы слать все изображения в одном запросе. Хотя бы опционально.
Я можно сказать только начинаю осваивать HTML5 и jQuery, по этому что в моих силах реализовываю как могу. Да, хочу изучать глубже, но не всегда это получается на таком уровне как хотелось бы, всегда есть свои нюансы и такие моменты которые я не знаю как организовать. Что поделать, учусь на ошибках. Исправлюсь )
//strtolower($_SERVER['REQUEST_METHOD']) != 'post'
Зачем вы приводете элемент массива $_SERVER к нижнему регистру?
// polygon.pokodim.ru/project-1/uploads/
Index of /project-1/uploads — закрывайте листинг дирректорий на своих серверах.
// а хотел всего лишь продемонстрировать такой достаточно новый способ загрузки
Единственное здесь интересное, на мой взгляд, это отлов события перемещения файла в область. С этой точки зрения тема совсем не раскрыта. Если бы вы написали как оно работает, что куда передается, как все это компенсируется в браузерах без поддержки этой функции был бы торт. А так гора верстки и стилей.
Зачем вы приводете элемент массива $_SERVER к нижнему регистру?
// polygon.pokodim.ru/project-1/uploads/
Index of /project-1/uploads — закрывайте листинг дирректорий на своих серверах.
// а хотел всего лишь продемонстрировать такой достаточно новый способ загрузки
Единственное здесь интересное, на мой взгляд, это отлов события перемещения файла в область. С этой точки зрения тема совсем не раскрыта. Если бы вы написали как оно работает, что куда передается, как все это компенсируется в браузерах без поддержки этой функции был бы торт. А так гора верстки и стилей.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">HTML5 говорите?
Непонятно, с какой целью Вы сюда выложили свой длинный CSS. Вряд ли тут оценят длину Вашего, эммм, CSS-а. Это при том, что Вы «не ставил перед собой сделать полностью рабочее приложение».
Да что же творится!
«как использовать плагин jquery», «как удалить вредоносный base64_decode», «загадочный float:left».
В какой-то локальной сети закрыли форум для вебмастеров?
«как использовать плагин jquery», «как удалить вредоносный base64_decode», «загадочный float:left».
В какой-то локальной сети закрыли форум для вебмастеров?
Незаметил серверной валидации MIME-типа файла, нехорошо.
Оригинал статьи tutorialzine.com/2011/09/html5-file-upload-jquery-php/
Интересно: как такое попадает на главную страницу? Ведь контент не несет в себе ничего принципиально нового и универсального, а более того: попросту скопирован.
Я использую плагин valums.com/ajax-upload/ довольно универсальное решение, и не обязывает использовать jQuery. Правда в этом варианте бывают проблемы с mod_sequrity, который стоит отключать в .htaccess.
Я использую плагин valums.com/ajax-upload/ довольно универсальное решение, и не обязывает использовать jQuery. Правда в этом варианте бывают проблемы с mod_sequrity, который стоит отключать в .htaccess.
Для определения расширения, кстати, можно использовать pathinfo();
Для Opera не работает. Вроде нигде не упомянули
Но так как велосипед мы не изобрели, есть один недостаток: данный плагин работает только в браузерах Firefox и Chrome.
А, может, хотя бы для Оперы стоило изобрести велосипед? Тем более я уже писал, как.
Считаю загрузку файлов перетаскиванием из одного окна в другое неудобным.
Реализовал месяца 3 назад такое на чистом js без jquery, жаль opera не поддерживает пока технологий всех.
Всех не поддерживает, но в данном вопросе функционала вполне хватает(пусть и больше писать приходится).
У вас кстати тоже опера не работает, так что разница никакой в итоге.
У меня опера работает(11.60), поэтому разница очевидна
Может я что-то делаю не так? jpg беру с рабочего стола и переношу в область в опере 11.60 win7 x64, мне открывается это изображение, и никакая загрузка на сервер не идёт. В хроме всё окей, так что дело в опере или в вашей реализации.
Дело в опере, она открывает картинку просто для просмотра.
Я, наверное, вас не понимаю. Вы что имеете в виду? Моя реализация предоставляет выбор в диалоге. И о ней написано тут. И она, кстати, работает))))
Похвально, но лучше используйте, например, plupload.com — там и хороший API, и jQuery, и graceful degradation в случае чего.
И главное, умеет загружать файл частями, что позволяет грузить произвольный размер файлов.
Это здорово, что существует хорошее профессиональное решение. Однако почему бы не написать своё, если это нравится делать.
Понимаете, пока новое решение проигрывает в функционале по всем статьям чему-то имеющемуся — это все игрушки, технологии потестировать, да опыт приобрести, не более.
Я ожидал увидеть в статье подробный разбор метода загрузки, а увидел обертку для jQuery плагина, а коли так — лучше бы брали Plupload, и уже для него писали обертку, т.к. он банально мощнее.
На хабре уже имеется статья, по сравнению с которой, текущая выглядит уныло.
HTML5 File API: множественная загрузка файлов на сервер
HTML5 File API: множественная загрузка файлов на сервер
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
charset какой забавный… А почему не UTF-8?
Вещь полезная, жаль правда не для всех осликов.
Эмм… у меня возник только один вопрос… а как картинки удалять, если случайно не тут кинул? Не заново же перезагружать страницу…
Буду благодарен если кто то поделится красивым решением для привязки кнопки выбора нескольких файлов (и загрузке через данный скрипт filedrop.js) для версии на iOS. Желательно сразу на jsfiddle или подобном сервисе. Тапом по полю дропа или кнопки загрузить файлы.
Sign up to leave a comment.
Загрузка картинок на сервер с использованием HTML5+jQuery+PHP