访问客户端

时间:2015-05-27 12:44:08

标签: angularjs node.js mongodb express

我是服务器端应用程序开发的新手。我在mongodb中有一个集合,它存储存储在根目录/uploads中的文件的名称。我必须使用angular在客户端下载它们。但是使用ng-src中的src或简单ng-repeat我收到404错误。 有没有办法让客户端访问带有文件的目录?

<div class="row jumbotron" ng-repeat="item in items">
    <div class="col-sm-1">
        <img ng-src="../../../uploads/{{item.logo}}">
    </div>
    <div class="col-sm-8">
        <h4>{{item.name}}</h4>
    </div>
    <div class="col-sm-2 pull-right">
        <button type="button" class="btn btn-lg btn-info" ng-click="showModal($index)">Edit</button>
    </div>
</div>

architecture of app

还尝试通过../ - 404(未找到)提供文件

<div>
    <img src="../../../uploads/38809344bac1a3a77c5d1e0493763849.png">
</div>

1 个答案:

答案 0 :(得分:2)

您提供的路径会上升三个文件夹,然后会查找uploads文件夹,因为每个../表示:上一级(相对路径表示法)。如果不是这种情况,请使用您的文件夹结构示例更新问题。相对路径从HTML文件驻留在服务器上的当前文件夹开始。

要记住的另一点:如果您使用 Linux /uploads文件夹的权限必须允许应用程序访问它。