如何访问 Asp.Net Core 项目之外的图像目录

Question

我正在尝试从我正在使用的当前 ASP.NET Core 6 项目之外的目录提供图像，但没有显示任何图像。 我已经阅读了文档和其他一些 SO 帖子。 所以我有点明白需要发生什么，我只是不知道我这样做是否正确。

程序.cs

app.UseStaticFiles();
app.UseStaticFiles(new StaticFileOptions()
{
  FileProvider = new PhysicalFileProvider(Path.GetFullPath("C:\\Development\\Website\\Classic\\websiteImages\\Images\\ItemImages")),     
});

在视图中我这样称呼图像

 <img src="@Url.Content(@pic.FileLocation +"\\"+ @pic.FileName)" />

我也这样试过

 <img src="@pic.FileLocation\@pic.FileName" alt="@pic.FileName" width="100" class="img-thumbnail d-inline">

这是@pic.FileLocation路径：“C:\Development\Website\Classic\websiteImages\Images\ItemImages”

@pic.FileName是来自数据库的东西，比如10001234.jpg

如果我将图像路径复制并粘贴到浏览器选项卡中，它会显示图像，所以我知道图像在那里。

这是src在浏览器中的样子。

Answer 1

@Url.Content()调用后，img 的src属性得到了什么？ 也就是说，作为最终 html 的一部分实际呈现给浏览器的地址是什么？

如果地址仍然以C:\Development开头，则说明有问题。 图像元素的src属性中的地址是从用户浏览器的角度解析的，而不是您的 web 服务器，因此它需要看起来更像这样：

https://example.com/classic-site/websiteImages/Images/ItemImages/10001234.jpg

然后在您的应用程序中，如果经典站点不再单独在线，您需要能够接收对该地址的请求，并将 map 发送到正确的位置，以便它提供正确的文件。

你必须小心测试这个，因为在开发过程中，服务器和浏览器经常在同一台计算机上运行。 在这种情况下，像C:\Development\Website...这样的地址在 web 浏览器中似乎工作得很好，但一旦您开始在它自己的服务器上托管应用程序，远离最终用户的浏览器，它就会失败.

Answer 2

由于您已经将 statifiles 中间件配置为提供来自该特定文件夹的文件，因此这应该有效：

 <img src="~/10001234.jpg" />

因此，只要您以这种形式生成 URL： ~/{fileName}就可以了。

以下是有关在项目文件夹结构之外提供文件的主要文档：

• ASP.NET 核心中的 Static 个文件 - 为 web 根之外的文件提供服务

Answer 3

只需删除app.UseStaticFiles(); 因为你已经有app.UseStaticFiles(new StaticFileOptions()...然后试试这个：-

<img src="~/@pic.FileName" alt="@pic.FileName" width="100" class="img-thumbnail d-inline">

希望它能解决您的问题。