使用 Angular6 和 NodeJS 显示来自服务器文件系统的图像答案

【问题标题】：Display Images from on server file system using Angular6 and NodeJS使用 Angular6 和 NodeJS 显示来自服务器文件系统的图像
【发布时间】：2018-10-13 11:28:20
【问题描述】：

我可以成功地将图像上传到服务器，但是没有关于如何使用 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">

【问题讨论】：

如何在本地存储中存储图像？ base64？
我已经更新了我的代码@rjv，但是那个base64是什么，我不知道
localStorage是完全不同的动物，你的问题一定要说images from serverw3schools.com/jsref/prop_win_localstorage.asp
天哪，对不起，让我更新我的问题。我的意思是它是 D 盘，而不是本地存储
好的，那你能帮我从服务器获取图片吗？？？

标签： node.js angular express

【解决方案1】：

如果您使用的是 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}}"/>

【讨论】：

感谢您的评论，但根据他们给 localhost:3000/images/kitten.jpg 的文档，但是如果我将它们保存在某个 D 驱动器中而不是项目文件夹中该怎么办
我不能告诉你，它也可以工作，但我不确定，对不起。
不，Nodejs 不是 Angular，它是后端，你可以使用 javascript 或 typescript 或其他。