angularjs - 访问客户端的根文件夹

Question

我是服务器端应用程序开发的新手。我在 mongodb 中有一个集合，它存储存储在根目录 /uploads 中的文件名称。我必须使用 Angular 将它们下载到客户端。但是使用 ng-src 或简单的 ng-repeat 中的 src 会出现 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 文件夹的权限必须允许应用程序访问它。