image - Angular/Breeze：如何将图像上传到 EF 数据库并以 html 显示？

Question

我知道有用于上传图像的 ngUpload 指令，我可以将上传的图像保存到服务器中的文件并保存到数据库的链接。然后，我可以使用该链接在 html 中显示它。

但是，我想直接将图像保存到数据库。在这种情况下，如何在 html 中显示图像？

例如，在服务器上我有

public class ImgSrc
{
    public int Id { get; set; }
    public string Name { get; set; }
    public byte[] Image { get; set; }
}

如何使用 ngUpload 上传图像并将其作为图像保存到此表中？如何使用 Angular 在 html 中显示图像？

我的项目基于 Breeze/Angular todo 示例。如果有人可以将此功能添加到 Todo 项目中，那就太好了。

Answer 1

您实际上根本不必上传图像。这可以由微风处理。

我建议首先将 imageData 转换为 base64 字符串。您可以使用此指令从<input fileupload="ImgSrc.Image" type="file"/>. Breeze 将处理 base64 字符串的上传和服务器端的映射。如果您首先使用 EF 代码，则该byte[] Image属性将成为Varbinary(Max)SQL Server 中的一列。