Здравствуйте! Вы мне сможите помочь понять, как загружать картинки в Mondodb в base64?

Question

[ghost1]

Осваиваю Node.Js, Express.Js Mongoose Mongodb. Разрабатываю сайт объявлений https://github.com/ghost-raven1/ads_site очень нужна подсказка от знающих. Нужен простой способ добавлять картинки к объявлениям. Заранее спасибо)

Answer 1

[Иван Шумов]

В 100500 раз - не надо! Не храните картинки в базе данных. Вам понадобится для из получения использовать вычислительные мощности, соединение с базой данных, распаковывать картинку из base64 да и весит оно больше.

Храните как белые люди на диске и отдавайте вебсервером. Если система распределённая то используйте object storage

Comments

[twoone]

Какое кадирование если картинки в html можно в base64 вставлять и загружать их через blob, который уже в base64 данные хранит?

[Иван Шумов]

twoone, Если вставлять в html то:

• нагрузка на преобразование ложится на браузер
  
• вес html увеличивается экспоненциально
  
• при загрузке в один поток вместо нескольких сайт начинает грузиться ОЧЕНЬ медленно
  

Если хочется сделать больно пользователям то это прямая дорожка в ад

[twoone]

Иван Шумов, ленивая загрузка + изображения как у medium, которые подгружаются постепенно, требуют как раз base64 + не понял про один поток.

UPD: понял про поток. Спорный момент. Загрузить файл целиком или загрузить меньший файл, а затем сто запросов сделать к серверу. Единственный момент, такие картинки не кешируютися. Это единственное что может вызвать замедления.

[Иван Шумов]

twoone,

изображения как у medium

вот эта часть мне не понятна.

Что до остального то стоит хоть немного узнать про то как браузер загружает данные и хотябы раз в жизни открыть инструменты разработчика в браузере на вкладке Сеть. Когда мы вставляет изображения в base64 то они загружаются вместе с основным контентом и это занимает больше времени. Когда мы вставляем ссылки то сначала загружается МАЛЕНЬКИЙ html быстро, а потом в несколько потоков, параллельно, грузятся все ресурсы. С появлением html/2 это стало еще более заметно

[twoone]

Иван Шумов, видимо вы начали отвечать прежде чем я исправил свой комент. Да, я понял про поток.

Картинки как у медиум.. Делается последовательность небольших превьюх, которые при загрузке создают эффект постепенного проявления картинки.

[Иван Шумов]

twoone, ну, это редкий кейс и почти бесполезный при появлении http/2

а затем сто запросов сделать к серверу

с появлением http/2 соединение открывается один раз, а заголовки отправляются только те, которые отличаются от прошлого запроса + протокол бинарный + они идут параллельно, что позволяет лучше утилизировать сетевое соединение

такие картинки не кешируютися

ну, html тоже можно кэшировать)

[Иван Шумов]

twoone, я много говорю про http/2, но даже и раньше это быстрее. Позволяет пользователю раньше получить контент. Люди имеют свойство не ждать ответа от сайта и уходить если долго не получают страницу. раньше это было 8 секунд, а сегодня куда медленнее. Мобильный интернет тоже не везде LTE, поэтому получение контента максимально быстро это тоже важно.

Ну и на поисковые метрики это повлияет очень сильно. Ни одной причины грузить картинки через base64 просто нет