如何链接到不在web资源中的图像/文件

Question

我在为个人使用而构建的基本文档管理器上遇到了问题。

我有一种在本地上传文档的方法，它存储在一个名为document-storage的文件夹中。此文件夹存储在主项目文件夹中:示例此项目名为

文档管理和文件夹结构类似于

文档管理：

src：

网站：

供应商：

文档存储：

我面临的问题是，我在这个文件夹中存储了各种类型的文档，它们只是命名为数据库id，然后是.extension。然后我将所有的详细信息存储在数据库中。这是完美的，直到我现在想要开始添加一些预览到我的文档。我想我应该从一张图片开始。我写了一些代码，看起来像这样

我研究了absolute_url、path()和relative_path()等小枝路径方法，但它们看起来并不正确

以下是我到目前为止拥有的代码

    <div class="col-md-12">
        <h1>{{ file.filename }}</h1>
        <img src="{{ source ~ file.fullFileName }}" style="display: block">
    </div>

这将呈现如下所示的路径

<img src="C:\Users\Guest.Learner\Documents\document-manager\document-storage\1.jpg" style="display: block">

这是正确的文件路径，但是我的图像没有显示！

是不是我错过了什么，我正在做什么我不能做的事情？

我希望能够给模板提供源和文件名，然后它就能够渲染图像。我处理其他地方的所有逻辑。

Answer 1

我的解决方法是简单地将我的文档移动到web目录，但是@Diego De Vitas的答案对于更高级的系统来说可能是更好的解决方案。