Загрузка файлов с фронтенда 

+

ему плевать на это

Спасибо) Приквелов прежде делать не приходилось. А вот спиноффы бывали =)

Посмотрите в сторону библиотеки axios. У нее есть встроенные хэндлеры onUploadProgress и onDownloadProgress, которые помогут реализовать прогресс бар.

Сходу не отвечу, но думаю и это решаемо.

Для этих целей плагинов не ставил. Может это особенность темы. Использую codesandbox.

Что вы имеете в виду? Есть пример?

@@mishanep Имеется ввиду обернуть кнопку и input file в тег label

​@@ilyamartynov2743 ​ и как это поможет отказаться от ref? Я привел общий пример, где вместо кнопки может быть любой элемент для клика. Если это просто текст, то тогда да, лейбл подошел бы отлично. Но было бы странно пытаться стилизовать лейбл под кнопку или оборачивать лейблом изображение или какой-то другой элемент, не являющийся формой.

@@mishanep А, ну если как кнопку - то да, с рефом более js-way. Прошу простить, это уж я как-то слишком категорично топик-посте высказался. Хотя кнопку, наверное, тоже можно под label засунуть, но каких-то очевидных преимуществ уже нет: либо лишний тег, либо лишний js.

Отличный вопрос. Для кириллицы и пробелов в ссылках обычно на фронте используется encodeURI, на сервере соответственно decodeURI. В принципе можно применить тот же подход и здесь. Есть еще вариант создать собственный функционал транслитерации, который бы еще до отправки преобразовывал бы кириллицу в латиницу.

@@mishanep спасибо)))

Не помню, чтобы была возможность загружать папку как таковую. Обыкновенно загружается архив с содержимым папки. Разве что Google Drive предлагает папку загружать, но не интересовался как именно они это делают.

Не получится. Компьютер, на котором писалось видео давно отошел в мир иной, исходники не сохранились.

Как грубо, однако. Если бы я получил такой комментарий на платном курсе, то еще бы понял. А когда делаешь бесплатный контент, то как-то уж совсем не заслужено. Я согласен, что без бэкенда видео, может, и не слишком полезно. Но, во-первых, у меня канал по фронтенду, и рассказывать людям как писать бэкенд я даже не начинал. В названии видео чётко фигурирует слово фронтенд. Во-вторых, я предполагаю, что если перед кем-то встала такая рабочая задача, то бэкенд написали коллеги. И если до реальных проектов пока далеко и не терпится попрактиковаться, то корректнее было бы попросить выложить копию бэкенда в открытый доступ, нежели демотивировать автора. Касаемо fetch, я не вполне понимаю про какое множество лет идет речь, учитывая относительную свежесть данного браузерного api. По моему опыту fetch используется на очень большом количестве проектов. Причем как на фронтенде, так и на бэкенде (с утилитами добавляющие аналогичный функционал для NodeJS). Более того, если бы я использовал условный ky вместо fetch, то было бы больше вопросов из серии "почему нельзя было сделать на fetch". Я стараюсь вводить в видео меньше сторонних инструментов.

@@mishanep простите, не хотела вас лично обидеть, видео "не зашло", уже несколько месяцев пытаюсь написать загрузку файлов в свободное от работы время, но ни рабочего примера, ни видео, ни документации - ничего нет на такую казалось бы тривиальную задачу, просмотрела и прочитала и прописала уже километры - все бесполезно, уже на грани нервного истощения. Да вы делаете бесплатный контент, и да он довольно таки качественный, приятный голос, хорошо разжеван фронтенд здесь, но опять же к нему масса вопросов и опять же какие товарищи должны писать те несколько строчек бека не понятно и как вообще можно писать запросы не зная что там на сервере. По поводу "корректнее было бы попросить выложить копию бэкенда в открытый доступ, нежели демотивировать автора" - вас просили несколько человек в комментариях в разное время - все эти комментарии проигнорированы, за то на мой вы неожиданно ответили.

Если мы работаем с NodeJS, то как правило используется библиотека multer. А дальше возможны варианты, в зависимости от того, где и как мы планируем хранить сами файлы. Мне в основном попадались сценарии, когда это внешний сервис хранения файлов, и нужна была доп зависимость, типа webDav, чтобы выгрузить файл и получить на него корректную ссылку. Базовую работу с multer можно подсмотреть у Бреда Треверси ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-9Qzmri1WaaE.html Но видео староватое, там могут быть изменения в новых версиях, как самой ноды, так и multer.

@@olenakunina1 поиском пользоваться надо = Облачное хранилище :))) там все есть

@@mishanep спасибо за ссылки, еще раз извините. Я очень сильно уперлась в стену и таки запихнула данное решение себе в аппу, и даже загрузились файлы, добавила пару строк в бек енд файл, который таки удалось слизать из видео и даже удалось достучаться до тех файлов на сервере из основного приложения ( в моем случае сервер работает по другому адресу и находится в отдельном проекте нежели вся аппа, как я ни старалась не удалось мне их помирить в одной папке), вашими ссылками пока не пользовалась, посмотрю обязательно. Пока при попытке перевести файл с полем загрузки на TS оно мне сломало все приложение 😅🤣, выгребаю ошибки. Еще раз спасибо что поддержали и ответили

есть для этого специально общедоступные сервера, для тестирования любых запросов, где и ошибки и 200 код можно получать, так что гугл в помощь.