Скачивание изображений, pdf и других файлов с фронта
ฝัง
- เผยแพร่เมื่อ 28 ส.ค. 2024
- Как скачать картинку или pdf, не открывая вкладку в браузере? Используем атрибут download, доступный для ссылок. А как скачать динамически формирующиеся на сервере данные? Получаем их асинхронным запросом и имитируем клик на ссылку.
Мои курсы по вебу с купонами:
✅ mishanep.com/
📢 Поддержка канала:
/ mishanep
www.tinkoff.ru...
paypal.me/mish...
![ฮักเทื่อสุดท้าย - บอย ศิริชัย [OFFICIAL MV]](http://i.ytimg.com/vi/-1PoPoQ-B-k/mqdefault.jpg)
Отличное видео. Сам не так давно шерстил весь интернет чтобы понять как загружать таким образом файлы с сервера. Надеюсь оно многим поможет👍👍👍
Спасибо за видео! Объясняешь как всегда великолепно.
Прекрасно!
Теперь поняла, как скачать видео ;)
Спасибо за туториал!
Спасибо большое автору! Видео помогло в обучении
Спасибо, Михаил! Очень полезное видео
Спасибо за урок! Как раз кстати)
Спасибо)
Спасибо, быдо бы интересно посмотреть на реализацию скачивания больших файлов а ля пару гигов )
респект тебе
привет! спасибо за видео.
Если сервер отдаёт файл как массив байт, то динамически всё можно скачать.
Если сервер отдаёт поток байт, то вначале происходит загрузка с ошибкой(файла не существует с расширением .htm) несуществующего файла, а потом после загрузки всего потока, происходит успешная динамическая загрузка файла.
сервер стримит из хранилища файл (файл может быть 500М ) для того чтобы избежать загрузки файла. Получил, пакет передал на фронт, ещё получил пакет, ещё передал...
как в данном случае избежать первого скачивания браузером несуществующего файла?
процесс инициируется не js
Рекомендую погуглить еще «Content-Disposition»
У меня аналогичный кейс, скачивание через блоб. Столкнулся с проблемой, файл загрузки отображается в нижней части окна браузера только по завершению скачивание , и не отображает индикацию процесса. Подскажите, в чем проблема и как можно решить?
Не понял, зачем аппендить ссылку в dom, а затем удалять, если click() работает и так? Или в каких-то сценариях работать не будет?
🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥
Может вы знаете, как сохранить в реакт сторе загруженные блоб документы?
Подскажите)
Как сделать это через axios и под формат “xlsx”
Добрый день! Нашли как сделать?
Михаил, будет ли какие-то видео по бэкенду на node.js?
Со временем думаю заняться и этой стороной.
Михаил, подскажите тему и шрифт, пожалуйста? Можно на будущее в описание к видео писать=)
Тема CodeSandbox. Шрифт специально не настраивал.
Михаил подскажите как правильно через express js ответить/отправить файл фронтенду ?
Самое интересное начинается, когда таким образом скачиваешь табличные файлы (.xlsx, .csv). Если такие скаченные файлы отрывать на линуксе - все ок, но в винде прям проблема, она по умолчанию не понимает кодировку. Михаил, подскажите, плиз, решили ли для себя эту задачу с кодировкой для табличных файлов?
В основном с pdf приходилось работать. С описанной проблемой не сталкивался.
Добрый день, Михаил! Есть ли для React-приложений средство получения списка файлов в папке /public и желательно по определённой маске? Не могу ничего такого найти, либо старое (в React 18 не работает, либо библиотеки не для React). А есть задача прочитать неопределённое количество файлов и обработать их.
То, о чем вы пишете, не относится к фронтенд приложению. Фронтенд не должен ничего знать о файловой системе, кроме того, что явно используется в кодовой базе. Это задача сервера. Либо это могут быть вспомогательные инструменты для разработки, но опять же за пределами реакта.
А что значит 'прочитать и обработать'? А вообще, для таких задач (работа с файлами) во фронтенд приложениях (и не только в них) неплохо справляются bash скрипты. Мощь unix команд в вашем распоряжении
@@m.g.0416 Прочитать должен браузер клиента из папки public react-придожения. Но работающих пакетов для реакта 18 нет сейчас. Как читать файлы с известным именем я делаю. Но интереснее было бы, чтобы приложение само могло строить список файлов из указанной папки в public по определенной маске.
@@m.g.0416 bash для рантайма не подходит. В браузере у пользователя вы его не запустите. Только на этапе разработки.
Согласен, для рантайма не подходит. Я имел ввиду, задачи с файлами, связанные с этапом билда (что-то прочитать, скопировать / переместить, заменить, заполнить и т.д.)
+
+