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

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

我有一种方法可以在本地上传文档，并将其存储在名为document storage的文件夹中。此文件夹存储在主项目文件夹中：例如，此项目被称为

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

文件管理：

src:

网站：

供应商：

文件储存：

我面临的问题是，我正在这个文件夹中存储各种文档，它们的名称只是数据库id，然后是.extension。然后我将所有详细信息存储在数据库中。。。在我现在想开始向文档中添加一些预览之前，这一切都是完美的。我想我应该从一张照片开始。我写了一些像这样的代码

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

我已经研究过树枝路径方法，如绝对url、path（）和相对路径（），但它们看起来不正确

这是我到目前为止的代码

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

{{file.filename}

这将呈现如下所示的路径

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

这是正确的文件路径，但不会显示我的图像

是否有什么我错过了，或者我正在做的事情我不能做

---

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

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

您的图像必须在web文件夹中，通常只有此文件夹可以通过HTTP访问。@COil意味着创建一个（绝对的）类似URL的

http://www.example.com/folders/image.jpg

-看到这是一个本地项目，它可能类似于

http://localhost/project/folder/image.jpg

@COil将我的所有文档存储在web文件夹中是否会有任何问题，如果没有，这似乎是一个更简单的解决方案，效果会更小，我不想让自己的生活变得困难，例如，在以后预览pdf或降价时。最佳做法是制定一项行动，负责返回基于文件内容生成的响应。。。然后，操作应该有一个简单的参数，比如文件名，并且应该知道在本地fs中从何处获取它