相对图像 URL

Question

我正在上传用户图像并将图像存储在文件夹中，并将它们的名称存储在数据库中

• 通过 Angular 完成图片上传

• 图像存储到文件夹和数据库由 dotnet core api 完成

两种操作都可以正常工作，但我无法在站点中显示存储的图像。

SQL 数据库存储图片网址

要在客户端访问此图像，我在 angular 中使用以下内容

Component.html 文件

 <img [src]="createImgPath()" alt="profile picture" style="width:60px; height:60px;">

.ts 文件

 public createImgPath = () => {
debugger;
if(this.studentPriviewImage==null)
{
  return this.fallback;
}else{  
  console.log(data1);
  return environment.baseUrl+this.studentPriviewImage.filepath1; 
}

}



 

返回 http://localhost:9529/Resources/Group/student_Photo/11/3/18/3_20220127002626AM.png

如果我直接尝试在浏览器中访问它而不是我得到以下错误

存储图像文件的我的解决方案文件夹结构。

仍然没有得到什么问题。这种方法有什么问题。

Answer 1

如果你想在 web root 之外提供文件，你需要在 StartUp.cs 中添加以下配置：

app.UseStaticFiles();
    
   ...
   app.UseStaticFiles(new StaticFileOptions
   {
        FileProvider = new PhysicalFileProvider(
        Path.Combine(Directory.GetCurrentDirectory(), "Resources")),
        RequestPath = "/Resources"
   });