在react客户端中显示来自ASP.NET服务器的图像

mnemlml8 于 2023-05-08 发布在 .NET

关注(0)|答案(1)|浏览(118)

我有一个react前端和一个ASP API后端。用户可以将他们的个人资料图片保存到服务器上，但是当我想在src属性中显示来自前端的这些图片时，它不起作用。
在控制器中，我像这样分配pictureUrl并将其保存在数据库中：

user.PictureUrl = $"{Request.Scheme}://{Request.Host}/Images/{pictureUrl}";

在前端，我获取用户数据沿着图片URL，该URL是：https：//localhost：44332/Images/018e4228-7b54-488f-b303-bfb881422dc7.jpg
我试着用一个虚拟形象来展示它：

const pictureUrl='https://localhost:44332/Images/018e4228-7b54-488f-b303-bfb881422dc7.jpg'; //Example (it is fetched from the server)
<Avatar
      src={pictureUrl}
      size={130}
      radius='md'
 />

为什么这不起作用？你能帮我实现这一点，只提供url，而不单独调用API来获取文件吗？
边注：图像确实被上传到服务器，因此存在于Images文件夹中

asp.net

来源：https://stackoverflow.com/questions/76158610/display-image-from-an-asp-net-server-in-react-client

1条答案

按热度按时间

busg9geu1#

我想我需要在Program.cs文件中添加以下内容：

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

赞(0）回复(0）举报 2023-05-08

我来回答

在react客户端中显示来自ASP.NET服务器的图像

1条答案

相关问题

热门标签

最新问答