如何在我的角度应用程序中使用从.net core API上传的文件？

Question

我无法在Angular应用中显示图像。 这是在我的profile.ts和profile.html页面中

 public createImgPath = (serverPath: string) => {
    return `http://localhost:63040/${serverPath}`;
}

 <img class="img-responsive" src="{{createImgPath(userApi.user.imageUrl.folderName)}}" />

从服务器获取文件路径：

var folderName = Path.Combine( "userImages", fileName);
 return Ok(new { folderName });

当我尝试在src中显示图像时，我得到了路径，但图像未显示。

我收到错误消息：

Answer 1

这是非常愚蠢的错字。在var folderName中，我曾经使用“ userImages”来代替“ usersImages”。对不起给大家带来麻烦。

Answer 2

我认为您应该将文件作为Blob返回。因为您无法将图像作为JSON发送到angular。好吧，首先，将您的后端代码更改为以下内容：

var folderName = Path.Combine( "userImages", fileName);
return new FileStream(folderName , FileMode.Open, FileAccess.Read);

，然后将[HttpGet]更改为[HttpPost]

我不知道如何将图像文件发送到后端，但是我认为您可以通过这些更改解决问题。