ASP.NET Core Image Upload and Resize

Question

How do you get the file stream of an uploaded image (IFormFile) and resize it?

public ActionResult Upload(IFormFile file)
{
    using (var reader = new StreamReader(file.OpenReadStream()))
    {
        var fileContent = reader.ReadToEnd();
        var parsedContentDisposition = ContentDispositionHeaderValue.Parse(file.ContentDisposition);

        //scale image here?
    }
}

Answer 1

You can use IFormFile.OpenReadStream() to get the stream, and then just insert the stream into an Image. For this instance I scaled it to 1024x768.

Image image = Image.FromStream(file.OpenReadStream(), true, true);
var newImage = new Bitmap(1024, 768);
using (var g = Graphics.FromImage(newImage))
{
    g.DrawImage(image , 0, 0, 1024, 768); 
}

You can then use newImage to save or do whatever you want with.

Answer 2

Install from nuget : Install-Package SixLabors.ImageSharp

[HttpPost]
public IActionResult Upload(IFormFile file)
{
    //Better use extension method
    string fileName;
    string customRoot = "wwwroot\\Upload\\";
    Directory.CreateDirectory(customRoot);
    var path = Path.Combine(Directory.GetCurrentDirectory(), customRoot,fileName);
    using var image = Image.Load(file.OpenReadStream());
    //100: height
    //100: width
    image.Mutate(x => x.Resize(100, 100));
    image.Save(path); 
    return Ok();
}

for more information : https://blog.elmah.io/upload-and-resize-an-image-with-asp-net-core-and-imagesharp/

Answer 3

Very helpful. Thank you so much. This aspect saved me from out of memory exception.I want to make a contribution, if you are using IFormFile interface, then "file" refers to your IFormFile in the code.

This is IFormFile property of my Entity

[NotMapped]
public IFormFile MyImage1 { set; get; }

And this is how i use it

Image image = Image.FromStream(model.MyImage1.OpenReadStream(), true, true);