无法访问后端项目中上传的图像

Question

我正在尝试访问存储在前端应用程序的 /uploads/ 文件夹中的图像。

我得到http://localhost:4200/uploads/a.jpg和http://localhost:4200/StaticFiles/a.jpg的 404 。我需要图像的路径才能将其显示在图库中。

我尝试使用图像的完整路径（“D：/blabla/uploads/a.jpg”），但似乎受到限制。然后我使用下面的代码从后端提供到我的上传文件夹的路径，但我仍然得到 404。

我的后端和前端项目位于不同的文件夹中，我的前端将请求发送到后端的端口。

后端运行最新的.net core，前端是Angular 8。

这就是我提供静态文件的方式：

var aux = Path.Combine(Directory.GetCurrentDirectory(), "uploads");

app.UseStaticFiles(new StaticFileOptions

    {

        FileProvider = new PhysicalFileProvider(aux),

        RequestPath = "/StaticFiles"

    }

);

这就是我上传图像的方式。该代码可以工作并上传项目内 /uploads 文件夹中的图像。

var uploadFilesPath = Path.Combine(_host.ContentRootPath, "uploads");

if (!Directory.Exists(uploadFilesPath))

    Directory.CreateDirectory(uploadFilesPath);

    foreach (var file in fileData)

        {

            var fileName = Guid.NewGuid() + Path.GetExtension(file.FileName);

            var filePath = Path.Combine(uploadFilesPath, fileName);

            using (var stream = new FileStream(filePath, FileMode.Create))

                {

                    file.CopyTo(stream);

                }

            var propToAddImageTo = _propManager.GetById(id);

            _propManager.AddImage(propToAddImageTo, filePath);

        }

当我尝试设置一个简单的<img src="localhost:4200/uploads/a.jpg">或时<img src="localhost:4200/StaticFiles/a.jpg">，Mozilla 开发人员工具的网络选项卡上的请求显示 404。

Answer 1

的默认值_host.ContentRootPath等于Directory.GetCurrentDirectory()，但前提是您使用WebHost.CreateDefaultBuilder。从文档中：CreateDefaultBuilder执行以下任务：...将内容根设置为 . 返回的路径Directory.GetCurrentDirectory。您的代码假设始终ContentRootPath与相同，但这并不总是正确的。如果您不使用，或者您的代码分为多个项目（正如您在评论中提到的），它们将不会指向同一个地方。Directory.GetCurrentDirectoryCreateDefaultBuilder

Answer 2

下面的代码对我有用：app.UseCors("CorsPolicy");app.UseStaticFiles();app.UseStaticFiles(new StaticFileOptions(){&nbsp; &nbsp; FileProvider = new PhysicalFileProvider(Path.Combine(Directory.GetCurrentDirectory(), @"uploads")),&nbsp; &nbsp; RequestPath = new PathString("/StaticFiles")});app.UseMvc();它需要该uploads文件夹应该存在于根目录中，否则会抛出错误。假设结构是 ApplicationName/uploads/a.jpg ，您可以使用如下：<img src="http://localhost:xxxx/StaticFiles/a.jpg">要在服务器端保存图像，您可以通过以下方式找到路径：var pathToSave = Path.Combine(Directory.GetCurrentDirectory(), "uploads");