如何将图像文件从 Angular 发送到 .net 核心 API

Question

我想将图像从我的 Angular 应用程序上传到 .net core api，因为我想将它保存在 SQL 数据库中。为此，我通过以下方式添加图像：

<input type="file" accept="image/png, image/jpeg">

我有对象类型File

我发现这个 API 教程说我在后端的属性应该是：

public byte[] ImageData { get; set; }

但我不太确定在将其发送到 API 之前如何将其转换为该类型。任何想法？

Answer 1

在您实施解决方案之前，我有一个建议给您在数据库中存储文件不是最佳做法。您的数据库可能会变得很大，并且为这些文件提供服务可能会使您的代码变得昂贵。相反，您可以将这些文件存储为静态文件以更有效地提供服务。这是一个简单的过程，只需保存这些文件的元数据（大小、文件、类型等），并存储之后服务的路径。如需更多信息，请阅读此处。或按照以下步骤操作：在您的 javascript 客户端上将二进制文件转换为 base64（操作方法）。在您的正文请求中发送 base64 字符串在您的端点中获取数据并作为字符串存储在您的数据库中

Answer 2

您可以使用存储来上传文件/图像，它应该提供此媒体文件的 URL，并且您可以将此 URL 存储在 SQL 数据库中。假设您将使用 Firebase 存储，请点击此链接以获得更好的理解，但您可以使用任何存储提供程序或构建自己的存储提供程序。