当前位置: 首页 > 知识库问答 >
问题:

在平均堆栈应用程序中显示图像(服务图像)的有效方式?

夏侯昊明
2023-03-14

我正在开发一个平均堆栈应用程序,我想显示一些响应的图像。具体要求:有搜索框,当用户输入图像名称时,服务器响应该图像,浏览器显示该图像。我有最大的70个图像大小30KB最大。我应该将这些存储在mongoDB中,并且对于每个请求节点,服务器应该点击mongoDB并在响应中提供该映像,还是使用Angular.js提供该映像?请推荐这样做的有效方法。

共有2个答案

陆绪
2023-03-14

您有2MB多一点的数据,可以很容易地缓存。从数据库传输到web服务器或从磁盘检索都是额外的工作。将所有图像加载到节点线程中,当关键字通过时,发送缓存的图像。

张权
2023-03-14

您可以为静态内容(CSS、图像等)设置一个文件夹,在expess.js配置中这样做,您可能会发现如下所示:

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

然后创建一个包含图像元数据的集合,如文件名、大小、上载日期、友好名称,可能还有标签或任何其他可以查询的字段。

然后使用endpoint/$Resource组合,检索数据并在客户端中使用简单的HTML image tag(IMG)显示图像,并使用ng-src(可能在ngrepeat中)。

对我来说,这可能是最简单的方法,您还可以在apache或NGNIX中为您的映像文件夹设置某种缓存策略。

 类似资料:
  • 我想像Instagram应用程序一样水平显示一些图像集 示例:示例在这里 我怎么能做到这一点,帮帮我。预先Thanx

  • 问题内容: 我想以特定尺寸在Android应用程序中显示图片。我该怎么做?请指导我?还有一件事,我想从SD卡中获得该图像。所以请帮帮我。 提前致谢。 问题答案: 首先,您需要创建一个imageview。 创建布局参数以在布局上添加imageview 然后获取您的图像路径 在ImageView上设置图像 获取您要添加的布局 将视图添加到布局

  • 注意:在 Photoshop CS6 中,3D 功能是 Photoshop Extended 的一部分。Photoshop Extended 中的所有功能是 Photoshop 的一部分。Photoshop 不提供单独的 Extended 版本。 关于图像堆栈 图像堆栈将一组参考帧相似、但品质或内容不同的图像组合在一起。将多个图像组合到堆栈中之后,您就可以对它们进行处理,生成一个复合视图,消除不需

  • 当我在文件中设置Image并在资产中设置它时,我对flutter < code > image . assets 有一个问题,如下所示: `颤振:使用材质设计:真实资源: 图片/facebook.png' 当我把它放在代码中时: 并运行它,它运行良好,但我第二次运行代码时,它不显示,这是我得到的错误: I/颤振 (4784): ═══ 图像资源服务捕获的异常 ╞══════════════════

  • 问题内容: 我很难弄清楚如何在Java小程序中显示Image(或ImageIcon)。以下是我的代码。图片(test.bmp)确实存在并且在D驱动器上,但是当我运行它时,我得到的applet窗口中没有任何内容。有人可以告诉我要显示ImageIcon缺少的内容吗? 谢谢,史蒂夫。 问题答案: 从服务器运行小程序时,无法通过绝对本地文件路径引用映像。 使用ImageIcon(URL位置)构造函数, 并

  • android studio中的图像视图以xml布局显示,但在运行后的应用程序中没有显示。我尝试了所有可用的解决方案,但没有找到解决问题的方法。 我正在制作一个简单的meme共享应用程序,其中有两个按钮“共享”和“下一个”,单击“下一个”按钮后,出现了另一个meme。我使用了一个随机的meme api。我没有完成应用程序(没有为“下一个”按钮和“共享”按钮添加功能),只是为了检查是否显示了meme