通过ng文件上传访问AngularJS中NodeJS中上传的图像

通过ng文件上传访问AngularJS中NodeJS中上传的图像,angularjs,node.js,ng-file-upload,Angularjs,Node.js,Ng File Upload,我使用ng文件上传框架来保存图像。我面临一个问题。我已成功地将图像上传到图像文件夹中,图像正在像CPqc3h_zWwr_5n9xoztbyz4.png那样保存。我正试图通过http://localhost:5040/images/CPqc3h_zWwr_5n9xOzTBybz4.png但它给了我404。 我还尝试了执行fs.readFile();并将二进制数据发送到前端,但我不知道如何将其转换回图像。我还想知道世界各地的堆栈开发人员解决这个问题的最佳实践方法 不要在图像引用中使用绝对路径,而是使

我使用ng文件上传框架来保存图像。我面临一个问题。我已成功地将图像上传到图像文件夹中,图像正在像
CPqc3h_zWwr_5n9xoztbyz4.png
那样保存。我正试图通过
http://localhost:5040/images/CPqc3h_zWwr_5n9xOzTBybz4.png
但它给了我404。
我还尝试了执行fs.readFile();并将二进制数据发送到前端,但我不知道如何将其转换回图像。我还想知道世界各地的堆栈开发人员解决这个问题的最佳实践方法

不要在图像引用中使用绝对路径,而是使用相对路径

改变这个
http://localhost:5040/images/CPqc3h_zWwr_5n9xOzTBybz4.png

在您的控制器、服务或工厂中,请参考以下图像:

$scope.var.imageURL='./images/CPqc3h_zWwr_5n9xoztbyz4.png'`

并将其呈现给客户,就像

这是一个后端nodejs MEAN.js问题。用mean.js标记你的问题。唯一的问题是。。。当ng file upload保存文件时,它只保存文件名。所以不要打开文件。它下载它。因为它没有扩展。那么,我如何附加扩展名,或者确保文件的扩展名随附?我可能误解了您的设置,您使用ng file upload,然后在使用ng repeatyes上传图像后显示图像。。这就是我想要的。Ng重复是可选的。但我想立即显示图像,它应该在重新加载时保持不变。