Эффективный способ отображения изображений (показывать изображения) в приложении стека MEAN?

Question

Я разрабатываю приложение стека MEAN, и я хочу отображать изображения с некоторыми ответами. Точное требование: есть окно поиска, когда пользователь вводит имя изображения, сервер должен отвечать этим изображением, а браузер отображает это изображение. У меня есть максимум 70 изображений размером 30кб. Должен ли я хранить их внутри mongoDB, и для каждого сервера узлов запросов ударяют mongodb и служат этому изображению в ответе, или я обслуживаю его с помощью Angular.js? Просьба рекомендовать эффективный способ сделать это.

Answer 1

Вы можете настроить папку для статического контента (CSS, изображения и т.д.) сделать это в вашей конфигурации expess.js, вероятно, вы найдете что-то вроде этого:

app.use(express.static(path.resolve('./public'))); 
app.use('/images',express.static(path.resolve('youPathToStaticimages'))); 

Затем создать коллекцию с изображением метаданные, такие как имя файла, размер, дата загрузки, дружественное имя и, возможно, теги или любое другое поле, которое вы можете запросить.

Затем используйте конечную точку/$resource и извлеките данные и покажите изображения на клиенте с помощью простого тега HTML-изображения (IMG) и используйте ng-src, возможно, в ngRepeat.

Для меня это самый простой способ сделать это, и вы можете установить какую-то политику кеша в свою папку с изображениями в apache или ngnix.

Answer 2

У вас есть чуть более 2 мб данных, которые можно легко кэшировать. Передача из базы данных на веб-сервер или извлечение с диска - дополнительная работа. Загрузите все изображения в поток узлов и когда ключевое слово приходит через отправку кэшированного изображения.