How to add store and retrieve image from db in asp.net core 7 mvc

User 666 answered on April 17, 2023 Popularity 5/10 Helpfulness 6/10

answer How to add store and retrieve image from db in asp.net core 7 mvc

How to add store and retrieve image from db in asp.net core 7 mvc

Comment

You need two properties one to get file input and other to store the image in base64 form.

public string Image { get; set; } = string.Empty;
[BindNever] 
public IFormFile Image { get; set; } //Just for file input

Include enctype="multipart/form-data" attribute in the form tag to post files.

<form method="post" enctype="multipart/form-data" asp-controller="Home" asp-action="Index">

Controller's post Action method Convert Input image file from IFormFile to base64 and store in the string property.

//Convert Image From IFormFile to base64
            if (model.Image.Length > 0)
            {
                using (var ms = new MemoryStream())
                {
                    model.Image.CopyTo(ms);
                    var fileBytes = ms.ToArray();
                    string base64image = Convert.ToBase64String(fileBytes);
                    // act on the Base64 data
                    model.Image = base64image;
                }
            }

Before send image string base64 to view convert its string in the following way.

model.Image = $"data:image/png;base64,{model.Image}";

Finally Show your Image on View.

<img src="@Url.Content(Model.Image)" alt="@Model.Name">

Popularity 5/10 Helpfulness 6/10 Language csharp

Source: Grepper

Tags: add asp.net-core c# image store

Link to this answer
Share Copy Link

Contributed on Apr 17 2023

User 666

0 Answers Avg Quality 2/10

How to add store and retrieve image from db in asp.net core 7 mvc

Contents

More Related Answers

How to add store and retrieve image from db in asp.net core 7 mvc

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.