Комментарии 16
Смотрится приятно.
Сделайте миниплагин к jQuery с инициализацией в одну строку и на гитхаб.
ps баги не искал)
Сделайте миниплагин к jQuery с инициализацией в одну строку и на гитхаб.
ps баги не искал)
То, что в посте и в демо — это всё предельно просто и примитивно, но тем самым легко допиливаемо для любой задачи. На счёт сделать плагин и выложить — я предварительно хочу его допилить, расширить функционал и постараться сделать более конфигурируемы и легко интегрируемым в любую среду, вот когда что-то похожее на это будет — будет не стыдно и выложить.
Перетягиваю файлы *. xml – ничего не происходит.
Перетягиваю файлы *. log – все в порядке.
Так задумано?
Перетягиваю файлы *. log – все в порядке.
Так задумано?
Нет, так не задумано. Вот например. Какой у вас браузер?
Safari 6.
Проверил в Chrome — тоже самое: ни *.xml, ни *. ini не отображаются.
Причем, если сначала добавить xml-файл, затем ini-файл, а затем log-файл, то в таблице появится только последний и под номером 3.
В Firefox drag-n-drop вовсе не работает — сразу открывает файл.
Возможно это особенности OSX.
Проверил в Chrome — тоже самое: ни *.xml, ни *. ini не отображаются.
Причем, если сначала добавить xml-файл, затем ini-файл, а затем log-файл, то в таблице появится только последний и под номером 3.
В Firefox drag-n-drop вовсе не работает — сразу открывает файл.
Возможно это особенности OSX.
Ответил ниже.
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');
});
MacOS X 10.8.2, Safari 6.0.1 и Firefox 16.0.1 — всё ОК. Странно…
А как насчет рекурсивной загрузки файлов в папках?
Об этом ещё не думал, но это в планах.
Хром последних версии обзавелся функционалом:
updates.html5rocks.com/2012/07/Drag-and-drop-a-folder-onto-Chrome-now-available
Но мне пока уровня знаний не хватает все это осознать и применить :-(.
updates.html5rocks.com/2012/07/Drag-and-drop-a-folder-onto-Chrome-now-available
Но мне пока уровня знаний не хватает все это осознать и применить :-(.
Хром ещё поддерживает HTML5 FileSystem. Ссылку открывать в Хроме. Попробуйте закидывать в окно браузера файлы. В консоли можно попробовать ещё команду 3D.
Мою статью не упомянули. Обидно))))))
Зарегистрируйтесь на Хабре, чтобы оставить комментарий
Загрузка файлов через FileReader