Drag and drop загрузка файла на сервер REACT JS. Загрузка файла перетаскиванием REACT JS

แชร์
ฝัง
  • เผยแพร่เมื่อ 28 ส.ค. 2024
  • В этом уроке мы реализуем drag-and-drop Загрузку файлов на сервер.
    React drag and drop -
    • Drag and drop на REACT JS
    React компоненты -
    • ReactJS компоненты
    React + Redux + Webpack
    • React Redux Webpack - ...
    Анимации в React -
    • Анимации в React. Reac...
    Разработка fullstack MERN web приложения
    - Frontend - • Playlist
    - Backend - • Playlist
    - Fullstack - • MERN - FullStack разра...
    Поддержать меня и мой канал вы можете по ссылкам ниже.
    Qiwi кошелек - www.qiwi.com/n...
    Яндекс деньги - yoomoney.ru/to...

ความคิดเห็น • 59

  • @user-rr2sd9lp6n
    @user-rr2sd9lp6n 3 ปีที่แล้ว +20

    Ни одного Вашего видео не пропускал, самый годный контент делаете!!!

    • @UlbiTV
      @UlbiTV  3 ปีที่แล้ว +1

      Спасибо!))

    • @user-zk3bc1lf8k
      @user-zk3bc1lf8k 3 ปีที่แล้ว

      Руслан Дыгов Жиза то какая!!!! Полностью согласна насчёт контента✨✨✨💥💥💥

    • @UlbiTV
      @UlbiTV  3 ปีที่แล้ว +4

      @@user-zk3bc1lf8k Ой, у меня на канале даже девушки есть, как неожиданно!

  • @zacharymax8894
    @zacharymax8894 2 ปีที่แล้ว +2

    Ваши даже старые видео до сих пор помогают, без воды, как всегда !=)

  • @abazunts
    @abazunts 3 ปีที่แล้ว +7

    Спасибо, коротко и понятно все по делу. Продолжай дальше уроки.

    • @UlbiTV
      @UlbiTV  3 ปีที่แล้ว

      Спасибо, друг!)

  • @user-rw7rf7fh5c
    @user-rw7rf7fh5c 3 ปีที่แล้ว +5

    Просто, бысто и без воды! Спасибо!!!

  • @user-ud9dc5vt7e
    @user-ud9dc5vt7e 2 ปีที่แล้ว +4

    Дружище, это просто супер крутое видео!
    За 4 минуты ты реализовал такую фичу. Все понятно и без воды! Спасибо большое, очень полезно!
    Продолжай пилить контент по подобным штукам. Уже не в первый раз, когда я хочу запилить какую-то фичу, у тебя на канале уже есть короткое и понятное видео про это!
    Еще раз спасибо)

  • @aliakseikaravaichyk1514
    @aliakseikaravaichyk1514 3 ปีที่แล้ว +4

    Огромное спасибоо не только за этот, на и за все твои видео. Очень полезно, кратко и по делу.

  • @dmytrozabolotko3494
    @dmytrozabolotko3494 2 ปีที่แล้ว

    2 часа сидел, думал как исправить ошибку, потом посмотрел видео на 3 минуты и все сразу исправил. Спасибо за видео

  • @user-td3bz8st6v
    @user-td3bz8st6v ปีที่แล้ว +2

    Гениально просто и доступно. Объяснение процесса реализации достойно восхищения!!!

  • @maxim7603
    @maxim7603 3 ปีที่แล้ว +3

    Крутой курс, наконец-то разобрался с drag n drop)

    • @UlbiTV
      @UlbiTV  3 ปีที่แล้ว +1

      Спасибо!) рад, что полезно!)

  • @beznamea9549
    @beznamea9549 3 ปีที่แล้ว +6

    Спасибо!
    Информативно и без лишнего шлака:)

    • @UlbiTV
      @UlbiTV  3 ปีที่แล้ว +1

      Спасибо!))

  • @anastasiasimonova6415
    @anastasiasimonova6415 3 ปีที่แล้ว +1

    Аригато с большой буквы! Вы великолепны^^

  • @kseniyasakki4382
    @kseniyasakki4382 2 ปีที่แล้ว +1

    Спасибо за ваш труд!

  • @user-hd7mi3tj5r
    @user-hd7mi3tj5r ปีที่แล้ว +1

    Огромное спасибо за твой невероятный контент! Ты супер, бро!

  • @charlesbronson9925
    @charlesbronson9925 3 ปีที่แล้ว +1

    Подписка! Идеально всё, коротко и понятно!!)

    • @UlbiTV
      @UlbiTV  3 ปีที่แล้ว

      Спасибо!) На канале много интересного, рекомендую!

  • @user-sh7bb6hk6f
    @user-sh7bb6hk6f 3 ปีที่แล้ว +1

    Круто

  • @ismanovq
    @ismanovq 3 ปีที่แล้ว +1

    👍🏻👍🏻👍🏻

  • @user-dv4bs7np7j
    @user-dv4bs7np7j 3 ปีที่แล้ว +2

    Спасибо за контент)

    • @UlbiTV
      @UlbiTV  3 ปีที่แล้ว

      И тебе спасибо за отзыв!)

  • @user-rp4oi8iw2c
    @user-rp4oi8iw2c ปีที่แล้ว

    Просто супер. Огромная благодарность

  • @krlkonstantine
    @krlkonstantine 10 หลายเดือนก่อน

    Шикарный контент

  • @nikitafox7850
    @nikitafox7850 2 ปีที่แล้ว +1

    Круто) Го ещё какие-нить фичи в таком формате

  • @pdpacademy4192
    @pdpacademy4192 ปีที่แล้ว

    👍👍👍

  • @igoryevtushenko2160
    @igoryevtushenko2160 3 ปีที่แล้ว +1

    Вы дажу круче чем реактКамасутра:) Очень полезные видео) Спасибо огромное

  • @gregdmitriev2784
    @gregdmitriev2784 ปีที่แล้ว

    Прикольно, простенько, доступно объяснил, спасибо

  • @user-pd9no5ye5g
    @user-pd9no5ye5g 3 ปีที่แล้ว +1

    отлично, спасибо

    • @UlbiTV
      @UlbiTV  3 ปีที่แล้ว

      Спасибо)

  • @user-dr8bp1ln2x
    @user-dr8bp1ln2x 2 ปีที่แล้ว +2

    Вот вообще не понял зачем в данном уроке мы навешиваем на блоки onDragStart, ведь это событие навешивается на объект перетаскивания. А эти блоки мы не перетаскиваем. Они у нас объекты на которые перетаскиваем. Без этого события, всё прекрасно работает и его применение в уроке только путает.

  • @user-zf4hu6ll3i
    @user-zf4hu6ll3i 3 ปีที่แล้ว +2

    Видео супер, на какой позиции вы находитесь на работе, если не секрет?)

    • @UlbiTV
      @UlbiTV  3 ปีที่แล้ว +2

      Спасибо, fullstack java+vuejs

  • @theWorldIsMultivariate
    @theWorldIsMultivariate 2 ปีที่แล้ว

    Огромнейшее спасибо!!

  • @meyb8239
    @meyb8239 3 ปีที่แล้ว +2

    слишком годная инфа

  • @SerhiiNesterov
    @SerhiiNesterov 2 ปีที่แล้ว

    Спасибо!

  • @boxpost0
    @boxpost0 ปีที่แล้ว

    Классно, спасибо за труд.

  • @user-vm2db5cq1g
    @user-vm2db5cq1g ปีที่แล้ว

    супер!!! отличный контент))) Тимур скажи пожалуйста, будут еще промокоды на курс продвинутый фронтенд?)) очень хочу взять, но цена кусается((

    • @UlbiTV
      @UlbiTV  ปีที่แล้ว

      Привет, напиши мне в тг, контакты есть на лендинге

  • @helenit4365
    @helenit4365 3 ปีที่แล้ว

    Лайк и процветания каналу!!

  • @Kirdaro
    @Kirdaro 3 ปีที่แล้ว

    Полезная штука.

  • @Vlad-us9xt
    @Vlad-us9xt 3 ปีที่แล้ว

    top

  • @rudolfsikorsky7900
    @rudolfsikorsky7900 ปีที่แล้ว

    Спасибо!
    Интересно, а можно сделать перетаскивание между окнами браузера?
    Я попробовал сделать аналогично, в принципе, таскает, но ы объекте DataTransfer никакой полезной инфы. Можно ли сделать какую-то "полезную нагрузку" на перемещаемый объект, хотябы просто строку?

  • @markus8354
    @markus8354 2 ปีที่แล้ว

    подписка классный контент

  • @shiryaev585
    @shiryaev585 3 ปีที่แล้ว +1

    Подскажи пожалуйста, какие библиотеки для такой реализации drag and drop ты сюда прикрутил? Axios, ещё что-то?

    • @UlbiTV
      @UlbiTV  3 ปีที่แล้ว

      axios только для запроса на сервер, больше никаких библиотек)

  • @user-yg8nh2ek6w
    @user-yg8nh2ek6w 2 ปีที่แล้ว +2

    Сервера в видео этом не хватает для полноты картины потому как в названии ролика это слово отражено)

  • @user-jg6nj1ls8l
    @user-jg6nj1ls8l 2 ปีที่แล้ว

    количество лайков к дизлайкам говорит само за себя. Удачи!

  • @falsetrue7910
    @falsetrue7910 3 ปีที่แล้ว +2

    Спасибо, а в чем смысл делать prevent default в тех функциях? что это меняет?

    • @UlbiTV
      @UlbiTV  3 ปีที่แล้ว +3

      Браузер, по умолчанию, если в него закинуть файл пытается его открыть, а нам такого поведения не нужно)

  • @yaroslav8609
    @yaroslav8609 2 ปีที่แล้ว

    Почему тут onDragStart, а в другом видео onDragEnter

  • @user-ig4lq2ts8b
    @user-ig4lq2ts8b 3 ปีที่แล้ว

    а как это работает в typescript?

    • @netlight6603
      @netlight6603 3 ปีที่แล้ว

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

    • @user-ig4lq2ts8b
      @user-ig4lq2ts8b 3 ปีที่แล้ว

      @@netlight6603 пока не проеачад тс

  • @user-zz7qk2gy2g
    @user-zz7qk2gy2g 2 ปีที่แล้ว

    Спасибо!