Поговорим про техническую сторону загрузски файлов, узнаем ограничения, приемы борьбы с пользователем. Обсудим ненормальные сценарии, и рассмотрим альтернативные хипстерские подходы к решению дедовских проблемм.

1. Голая правда про
файлы
Egor Malkevich
Все права защищены 18+2016

2. Я несу ангуляр людям

3. Что может быть
проще?

4. 785
типов

5. А теперь по порядку

6. Сказ про API

7. C давних пор

12. Пара слов о progress bar

13. А что насчет папок?

15. File API

16. Постановка задачи

18. Прочувствуем
проблему

19. 1. Банальный разрыв соединения

20. 2. Банально комп уснул

21. 3. Ограничение сети

22. 4. Приватность

23. 5. Размер

24. 6. Пользователь не хочет париться

25. Пробуем решить в лоб

27. Just to note

28. Как это работает

29. Как только загружаем несколько файлов

31. А теперь к решению

32. Самый UX продвинутый способ

33. Жесткий диск в OS это
папка
WebKitDirectory VS File API

34. WebKitDirectory
Умеет грузить папки
через window диалог
Почему то не
работает с drag&drop
Грузит файлы как файлы
не как entry

35. File API
НЕ УМЕЕТ грузить папки
через window диалог
Отлично РАБОТАЕТ
с drag&drop
Грузит файлы как
как entry

36. File API

37. Шаг 1.
File DTO Entry DTO
FolderDTO

38. Шаг 2.
Определяем стратегию сканирования

39. Шаг 3.

40. Как в этой логике проверять
пользователя непонятно

41. В js нельзя определить
mime тип файла

42. setTimeout

43. JS умеет считывать 100
entries за такт

44. Нету какого то способа
ограничить скорость на загрузку в
браузере

45. Более подробные примеры
кода тут
ps://gist.github.com/wegorich/1681b7ff17054ebf8873794ef4aec5

46. Хороший пример загрузки
директорий можно посмотреть
тут

47. А теперь к UX
Грузим
видосы
Грузим
картинки
Грузим
песенки

48. Один минус в идеальном
случае надо дропать файл

49. Мы знаем что искать
Найдено 20 видосов,
просканированно 100500 папок

50. Следовательно знаем как
отобразить
Найдено 42 альбома,
просканированно 100500 папок
Альбом Криса брауна (8 песен)
Justin Timberlake (4 песни)
Кураж бамбей (1 песня)
Форсаж OST (45 песен)

51. Итоговый результат
Найдено 42 альбома, 1 загружен,
просканированно 100500 папок
Альбом Криса брауна (8 песен)
Justin Timberlake (4 песни)
Кураж бамбей (1 песня)
Форсаж OST (45 песен)
34%
Justin Timberlake 34% (360 mb / 765 mb) 165 kb/s 5 min left

52. Еще пару слов

53. Для сервера советую

54. Вообще для файлового
сервера можно заюзать

55. Как неплохую
файлопомойку можно
заюзать

56. В докладе принимали участие:
Egor Malkevich
Картинки
Немножко текста
И всякие ссылочки