How to upload image and document file in ASP.NET core 3.1 using IFORMFILE

Question

0.00/5 (No votes)

See more:

Hi Can someone assist me I have a challenge here am working on asp.net core website that has a backend app and frontend app, on the backend I have a page that is used by admin to upload the images and also the documents like(PDF, word or excel) and save in SQL database so that the frontend can be able to ready the uploaded information. My challenge is to use IFormFile to record both values for the image and document that the user uploaded on the form, my code is only working when you upload one record at time not both. below is the code that I’m using.

What I have tried:

This is my Model

C#

public class tblFile
{
    public int id { get; set; }
    public string Name { get; set; }
    public byte[] Img { get; set; }
    public string ContentType { get; set; }
    public byte[] Data { get; set; }
    public DateTime CreatedOn { get; set; }
}

This my Controller

C#

public async Task<IActionResult> Create(tblFile tblFile, List<IFormFile> Data)
{
    if (ModelState.IsValid)
    {
        foreach (var item in Data)
            if (item.Length > 0)
            {
                using var tl = new MemoryStream();
                item.CopyTo(tl);
                //bytes == item.CopyTo(tl);
                tblFile.Data = tl.ToArray();

            }
        _context.Add(tblFile);
        await _context.SaveChangesAsync();
        return RedirectToAction(nameof(Index));
    }
    return View(tblFile);
}

Posted 23-Nov-20 22:22pm

thembale

Updated 23-Nov-20 22:46pm

Richard Deeming

v2

Add a Solution

Comments

Sandeep Mewara 24-Nov-20 4:36am

Your shared code does not share much related to problem you share.

Perhaps following documentation could be of help: https://docs.microsoft.com/en-us/aspnet/core/mvc/models/file-uploads?view=aspnetcore-3.1
It has details of how to upload using IFormFile.

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Richard Deeming · Accepted Answer · 2020-11-23T22:46:00

You are uploading and adding a single record. If you upload multiple files, you overwrite the file data on that record with each item in the list, leaving just the last file.

You need to add a record for each file in the list.

Also, most of your model properties don't seem to be intended to be editable by the user, so it doesn't make sense to use that model for your view.

C#

public async Task<IActionResult> Create(List<IFormFile> Data)
{
    if (!ModelState.IsValid)
    {
        return View();
    }
    
    foreach (var item in Data)
    {
        if (item.Length == 0) continue;
        
        using var ms = new MemoryStream();
        await item.CopyToAsync(ms);
        
        _context.AddAsync(new tblFile
        {
            Name = Path.GetFileName(item.FileName),
            ContentType = item.ContentType,
            Data = ms.ToArray(),
            CreatedOn = DateTime.UtcNow,
        });
    }
    
    await _context.SaveChangesAsync();
    return RedirectToAction(nameof(Index));
}