18. React + Node.js - Прогресс загрузки файлов - Облачное хранилище

Поделиться
HTML-код
  • Опубликовано: 22 янв 2025

Комментарии • 28

  • @goshana1987
    @goshana1987 4 года назад +6

    Прохожу ваш контент с удовольствием и очень благодарен за такой труд🙏

    • @UlbiTV
      @UlbiTV  4 года назад +1

      Спасибо за столь приятные слова, значит все старания не зря)

  • @devorer77
    @devorer77 4 года назад +4

    огромное спасибо! я в восторге от того как это просто и в то же время круто!

    • @UlbiTV
      @UlbiTV  4 года назад +1

      Да, всё на самом деле просто, главное понимать основу))

  • @АнтонГалай
    @АнтонГалай 4 года назад +3

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

    • @UlbiTV
      @UlbiTV  4 года назад +1

      Благодарю!)

  • @alik64
    @alik64 3 года назад

    На данный урок ушло несколько часов работы, но зато самостоятельной! Немного редьюсер по-другому сделал, но рад что удалось сделать самому! Спасибо за урок! 🚀

  • @СергейСиндякин
    @СергейСиндякин 3 года назад +1

    Отличный и полезный курс. Спасибо!

  • @ИванМихайлов-х7к

    Спасибо за курс!!!

  • @МаликИменов-л4х
    @МаликИменов-л4х 3 года назад +1

    Спасибо за контент!!
    Много полезной и новой для меня инфы !!!
    Я с одним моментом парился прогресс загрузки файлов , не как не загружало файлы ,
    уже код с гита сверял мало ли , но как оказалась в экшене uploadReducer в case ADD_UPLOAD_FILE нужно не просто в массиве разворачивать старое состояние и action.payload , а вот такое провернуть { . . .state, files: [ . . .state.files, { . . .action.payload } ] } и только после этого прогресс загрузки файлов сработало , стронно конечно .
    Может кто столкнулся с этим вот мой выход с этой ситуаций

    • @dmytrodyatlov8563
      @dmytrodyatlov8563 2 года назад +1

      привет, тоже эта ошибка была с мутацией стейта, из за state.files.progress, так же поборол, в процессе упростил в экшене uploadFile вот onUploadProgress: data => {
      uploadFile.progress = Math.round((100 * data.loaded) / data.total);
      dispatch(changeUploadFile(uploadFile));
      }

    • @zyz_legacy12
      @zyz_legacy12 Год назад

      Спасибо тебе большое

  • @ЕжЕжиков-в9ь
    @ЕжЕжиков-в9ь 3 года назад

    Для меня, Тимур - номер один в этом сегменте ютуба. Только счастья, много счастья хочется ему пожелать лайк

  • @ВячеславМлинський
    @ВячеславМлинський 2 года назад

    Можно ещё добавить тут одну штуку приятную..
    Последние файлы добавлять вверху, а не в самый конец, чтоб их было видно..
    Для этого массив загружаемых файлов выводим в обратном порядке...
    в файле Uploader.jsx - добавить reverse() после files.map()
    {files.map(file =>

    ).reverse()}

  • @s9219871110
    @s9219871110 3 года назад

    ...а мы продолжаем разработку и пилим комментарии и лайки!

  • @taras8068
    @taras8068 2 года назад

    спасибо!

  • @sagiden1343
    @sagiden1343 2 года назад

    круто

  • @devorer77
    @devorer77 4 года назад +2

    только, по моему, при такой логике, после загрузки фалов и закрытия общим крестиком - все файлы остаются в компоненте Uploader?

    • @devorer77
      @devorer77 4 года назад +2

      надо єкшену hideLoader принимать массив files и с помощью forEach каждому єлементу сделать removeUploadFile. Верно?

    • @UlbiTV
      @UlbiTV  4 года назад +1

      @@devorer77 лучше сделать отдельный экшн, который целиком обнуляет файлы, но впринципе эта кнопка просто закрывает loader, она поидее и не должна все удалять

    • @devorer77
      @devorer77 4 года назад +1

      можно еще проще

    • @devorer77
      @devorer77 4 года назад +1

      case HIDE_UPLOADER: return {...state, isVisible: false, files:[]};

  • @moi-nick-zanyat
    @moi-nick-zanyat 3 года назад

    выбивает, когда закрываю окошка прогресса, не могу понять в чем проблема... даже скопировал код из гита , не помогает...
    12 | export default function userReducer(state = defaultState, action) {
    > 13 | switch (action.type) {

  • @ВячеславМлинський
    @ВячеславМлинський 2 года назад

    При этом есть ещё одна проблемка ... С добавлением файлов.
    Если загружать тот же файл второй раз - то мы добавляем его в Uploader ещё до того, как filecontroller с сервера пришлёт нам сообщение "file already exists" и соответственно у нас появится дубль названия в Uploadere (которого мы загружаем на сервер с %, но на диске не сохраняем... ) при это на сервере появляется ошибка code: 'ERR_HTTP_HEADERS_SENT' и всё умирает (((

  • @blgarOk
    @blgarOk 2 года назад

    Крутой урок!👍 Несмотря на кажущуюся простоту.
    И как же мне было "весело" реализовывать прогресс в RTK Query 😅

  • @pashadotcenko7391
    @pashadotcenko7391 Год назад

    может кто-нибуть получает такую ошибку : "progress" is read-only ? и как её решить?

  • @Babalarsozi
    @Babalarsozi 9 месяцев назад

    ttt

  • @СергейСиндякин
    @СергейСиндякин 3 года назад +2

    Отличный и полезный курс. Спасибо!