Загрузка файлов через FileReader

[Praeses]

Смотрится приятно.
Сделайте миниплагин к jQuery с инициализацией в одну строку и на гитхаб.

ps баги не искал)

[benkaminski]

То, что в посте и в демо — это всё предельно просто и примитивно, но тем самым легко допиливаемо для любой задачи. На счёт сделать плагин и выложить — я предварительно хочу его допилить, расширить функционал и постараться сделать более конфигурируемы и легко интегрируемым в любую среду, вот когда что-то похожее на это будет — будет не стыдно и выложить.

[DevMan]

Перетягиваю файлы *. xml – ничего не происходит.
Перетягиваю файлы *. log – все в порядке.
Так задумано?

[benkaminski]

Нет, так не задумано. Вот например. Какой у вас браузер?

[DevMan]

Safari 6.
Проверил в Chrome — тоже самое: ни *.xml, ни *. ini не отображаются.
Причем, если сначала добавить xml-файл, затем ini-файл, а затем log-файл, то в таблице появится только последний и под номером 3.

В Firefox drag-n-drop вовсе не работает — сразу открывает файл.

Возможно это особенности OSX.

[benkaminski]

Ответил ниже.

[DevMan]

Мерси. Проверю уже в понедельник.

[benkaminski]

Fixed.

.on('dragenter', function(event) {
	event.preventDefault();
	event.stopPropagation();
	// Просто подсвечиваем дропбокс при наведении.
	$(this).css('border-color', 'green');
	$(this).css('color', 'green');
})
.on('dragover', function(event) {
	event.preventDefault();
	event.stopPropagation();
	// Просто подсвечиваем дропбокс при наведении.
	$(this).css('border-color', 'green');
	$(this).css('color', 'green');
})
.on('dragleave', function(event) {
	event.preventDefault();
	event.stopPropagation();
	// Убираем подсветку.
	$(this).css('border-color', 'gray');
	$(this).css('color', 'gray');
});

[benkaminski]

MacOS X 10.8.2, Safari 6.0.1 и Firefox 16.0.1 — всё ОК. Странно…

[benkaminski]

Хотя соврал, действитель, в ФФ на маке не работает драг'н'дроп.

[GeForester]

А как насчет рекурсивной загрузки файлов в папках?

[benkaminski]

Об этом ещё не думал, но это в планах.

[GeForester]

Хром последних версии обзавелся функционалом:
updates.html5rocks.com/2012/07/Drag-and-drop-a-folder-onto-Chrome-now-available
Но мне пока уровня знаний не хватает все это осознать и применить :-(.

[benkaminski]

Хром ещё поддерживает HTML5 FileSystem. Ссылку открывать в Хроме. Попробуйте закидывать в окно браузера файлы. В консоли можно попробовать ещё команду 3D.

[Alvaro]

Мою статью не упомянули. Обидно))))))

[benkaminski]

Не находил её, видимо потому что искал именно «загрузку файлов». Спасибо за ссылку.