我是服务器端应用程序开发的新手。我在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>
还尝试通过../
- 404(未找到)提供文件
<div>
<img src="../../../uploads/38809344bac1a3a77c5d1e0493763849.png">
</div>
答案 0 :(得分:2)
您提供的路径会上升三个文件夹,然后会查找uploads文件夹,因为每个../
表示:上一级(相对路径表示法)。如果不是这种情况,请使用您的文件夹结构示例更新问题。相对路径从HTML文件驻留在服务器上的当前文件夹开始。
要记住的另一点:如果您使用 Linux ,/uploads
文件夹的权限必须允许应用程序访问它。