Drag & Drop на чистом JavaScript и PHP

GitHub репозиторий: github.com/m1nyasha/drag-and-...
Предыдущий урок: • PHP - загрузка одного ...
GitHub репозиторий из предыдущего урока: github.com/m1nyasha/php-simpl...
В этом занятии мы научимся загружать файлы на сервер через Drag & Drop нативными средствами JavaScript & PHP.
Наш образовательный проект - areaweb.su​​
VK: areawebsu
Эпизоды:
0:00 Всем привет!
0:45 Что нам понадобится?
1:02 Подготавливаем проект
4:18 Создаем область Drag & Drop
11:20 Вешаем JavaScript события
19:45 Отключаем стандартное поведение при перетаскивании файла
22:20 Получаем перетаскиваемый файл(ы)
23:22 Делаем превью для загружаемых файлов
35:06 Создаем кнопку для загрузки
37:30 Создаем функцию для загрузки
47:33 Закругляемся

[@mit7871]

Проще чем кажется, спасибо

[@un_nooby_essancti_ty8095]

Будут ли еще уроки по данной теме ?
- К примеру, можно добавить еще процесс загрузки, хоть там делать и не много, в свое время мне пришлось повозиться с этим, т.к. нормальных уроков я не нашел.
- Также, можно объединить два урока в один и при нажатии на область "drag&drop" выходило бы окно для обычной загрузки на сервер (как из предыдущего выпуска).
- Лично мне хотелось бы все же увидеть соединение с базами. Запись пути, размера, даты и т.д. (мне в скором времени нужно будет такое реализовывать и от ваших уроков, я бы точно не отказался :) )
Ну, а в целом, урок полезный и смотреть приятно, спасибо за качественный контент.
add.
- Сжатие фотографий при загрузке
- Добавление "вотемарков" при загрузке

[@gagecharlie8448]

@Derrick Emmett Yea, I've been watching on instaflixxer for years myself :)

[@MrTayfunMC]

Для контента внутри блока можно присвоить CSS свойство pointer-events: none; ну или только для текста

[@iemon5842]

Спасибо тебе огромное!
Все так ёмко, по сути и без воды! Продолжай в том же духе :)

[@un_nooby_essancti_ty8095]

Круто!

[@relaxingsleepfornight8070]

лучший

[@user-nn3ek7ru5p]

А может ты ещё покажешь, как можно обрезать изображения при загрузке? 🤗

[@mikaelgevorgyan4521]

🤗🤗🤗да да показать можно, а то на курсах не учат, остаётся самому понимать

[@skeptik007]

Для кнопки управлять её состоянием disabled можно просто button.disabled = true (or false).

[@user-nm2ot7po2v]

18:34 Для того чтобы решить проблему с текстом в диве, можно воспользоваться event'ом и проверить, есть ли у него родитель с таким-то классом, как-то так, это называется bubling событий, если я ничего не путаю. Как вариант.

[@mit7871]

Или задать через css тексту нужный pointer events

[@dreamypioneer3760]

Очень хороший контент... это я про все уроки на данном канале. Почти год не было нового контента, стоит ли ждать возвращения? Просто есть куча тем, которые ты бы мог рассказать в своей манере и это очень сильно помогло бы начинающим веб девелоперам). Надеюсь комментарий ты увидишь

[@GELIC]

для текста можно поставить z-index: 1;
а для блока z-index: 2;

[@pavel_panchenko]

По по поводу текста в центре драга , я думаю будет работать если его абсолютом спозиционировать

[@dis1755]

Привет) А как сделать ограничение по количеству файлов? Ну типа если можно максимум 10 загрузить

[@aweb_21]

эх, жаль что ты забросил выпуск записывать практические видосики на чистом пхп )

[@MrAbragadabra]

Можно на мощностях php сжимать фото? Допустим jpg делать качество 70-80%

[@kalobyte]

можно
ImageMagick

[@liteleak4049]

"Нету способа для загрузки изображения, кроме через FormData" --> Можно ли как-то с помощью JSON отправить изображение?

[@m.protasevich]

Можно с помощью base64

[@madisonabsolute]

Это хакинтош у тебя?

[@m.protasevich]

Net