我正在使用ng-file-upload框架来保存图像。我正面临一个问题。我已成功将图像上传到图像文件夹,图像保存为CPqc3h_zWwr_5n9xOzTBybz4.png
。我试图通过http://localhost:5040/images/CPqc3h_zWwr_5n9xOzTBybz4.png
在前端访问此图像,但它给了我404。
我也尝试过fs.readFile();并将二进制数据发送到前端但我不知道如何将其转换回Image。我还想了解MEAN Stack开发人员在全球范围内解决此问题的最佳实践。
答案 0 :(得分:0)
不要在图像参考中使用绝对路径,而是使用相对路径
改变这个
http://localhost:5040/images/CPqc3h_zWwr_5n9xOzTBybz4.png
在您的控制器或服务或工厂中引用图像
$ scope.var.imageURL ='。/ images / CPqc3h_zWwr_5n9xOzTBybz4.png'`
并将其呈现给客户端
<img ng-src={{var.imageURL}}