通过ng-file-upload访问AngularJS中NodeJS上传的图像

时间:2016-01-02 14:54:36

标签: angularjs node.js ng-file-upload

我正在使用ng-file-upload框架来保存图像。我正面临一个问题。我已成功将图像上传到图像文件夹,图像保存为CPqc3h_zWwr_5n9xOzTBybz4.png。我试图通过http://localhost:5040/images/CPqc3h_zWwr_5n9xOzTBybz4.png在前端访问此图像,但它给了我404。 我也尝试过fs.readFile();并将二进制数据发送到前端但我不知道如何将其转换回Image。我还想了解MEAN Stack开发人员在全球范围内解决此问题的最佳实践。

1 个答案:

答案 0 :(得分:0)

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

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

在您的控制器或服务或工厂中引用图像

$ scope.var.imageURL ='。/ images / CPqc3h_zWwr_5n9xOzTBybz4.png'`

并将其呈现给客户端 <img ng-src={{var.imageURL}}