Почему не работает drag n drop upload в Хроме?

Question

[uRoot]

Как сделать драг-н-дроп загрузку файлов, чтобы это работало во всех браузерах?
Есть скрипт: https://codesandbox.io/s/crimson-night-1gyib?file=...
Если перетащить две картинки в DnD зону и отпустить, то в ФФ всё ок, а в Хроме файлов нет (см. скрин)


P.S. стащите себе файлы, а то что-то на codesandbox.io это и в ФФ работает калично

Или гляньте реализацию DnD из того же мозиловского MDN-а: jsfiddle.net/kgzevn5w

Answer 1

[ReactLover]

Все прекрасно работает и там и там. Просто в хроме в консоль выводится ссылка на объект. Когда ты его раскрываешь, он показывает его состояние на момент ОТКРЫТИЯ, а не на момент вывода. Выводи в консоль event.dataTransfer.files

Comments

[uRoot]

А прверьте эту ссылку из MDN-а: jsfiddle.net/kgzevn5w
Там это выводиться на экран и тоже не работает

[ReactLover]

uRoot, Ровно такое же поведение. Перечитай мой ответ)

[uRoot]

ReactLover,

event.dataTransfer.files

По моему там будет undefined. Но это я уже завтра смогу точно сказать. Я просто хочу как-то сохранить эти файлы и перед их на бэк по клику на кнопку

[uRoot]

ReactLover, event.dataTransfer.files выводит: length: 0

Нужно event.dataTransfer.files[0] выводить. Тогда ты увидешь файл, один, даже в консоли. Причиной всему скорее всего вот это: Объектный пул

[ReactLover]

Суть ответа в том, что проблемы нет. Код работает одинаково. Твоя "проблема" исключительно в консоле. Еще раз