访问客户端的根文件夹

Question

我是服务器端应用程序开发的新手。我在 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>

Answer 1

您提供的路径将向上三个文件夹，然后将查找上传文件夹，因为每个../ 表示：向上一级（相对路径表示法）。如果不是这种情况，请使用您的文件夹结构示例更新问题。相对路径从您的 HTML 文件在服务器上所在的当前文件夹开始。

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