时间戳

首页 > 解决方案 > 使用 Angular6 和 NodeJS 显示来自服务器文件系统的图像

node.js - 使用 Angular6 和 NodeJS 显示来自服务器文件系统的图像

问题描述

我可以成功地将图像上传到服务器，但没有关于如何使用 Angular6 和 NodeJS 显示服务器中存在的图像的教程。需要一些帮助的家伙。

提前致谢。

编辑：经过大量跟踪和错误后，我得到了解决方案，检索存储在服务器 D 驱动器中的文件

在 NodeJS 索引页面 NodeJS 中添加了此代码：app.use(express.static('D:/school'));

现在我可以使用http://localhost:3000/ImageName

只需在 angular img src 标签中添加此 URL

<img src="http://localhost:3000/ImageName">

标签： node.jsangularexpress

解决方案

如果您使用的是 nodejs，则可以让它将您的图像作为静态内容提供：http ://expressjs.com/en/starter/static-files.html

app.use(express.static('public'));

您的代码只是将图像加载为：

$scope.img= "/images-folder/img.png"

<img id="imgid" ng-src="{{img}}"/>

推荐阅读