asp.net core web API file upload and "form-data" multiple parameter passing to method

Question

I have created an endpoint that takes files as parameters:

    [HttpPost("[action]")]
    [Consumes("multipart/form-data")]
    public ActionResult UploadImage(IFormFile  Files, string param)
    {

        long size = Files.Length;            
        var tempPath = Path.GetTempFileName();
        string file_Extension = Path.GetExtension(Files.FileName);                   
        var isValidFile = FileValidation.FileUploadValidation(Files);
        if (isValidFile.data)
        {
            string filename = Guid.NewGuid() + "" + file_Extension;
            return null;

        }
        else
        {
            return null;
        }
    }

I cant retrieve the file with out a issue. How to add more text parameters to the same method ?

Possible duplicate of Upload files and JSON in ASP.NET Core Web API — RQDQ
– RQDQ, Commented Aug 17, 2018 at 12:04

Rick Strahl · Accepted Answer · 2019-03-16 00:21:30Z

24

[HttpPost("[action]")]
[Consumes("multipart/form-data")]
public IActionResult UploadImage([FromForm] FileInputModel Files)
{

    return Ok();
}

public class FileInputModel 
{
    public IFormFile File { get; set; }
    public string Param { get; set; }
}

Need to add [FromForm] before the parameter model after I add [FromForm] code works perfectly.

edited Mar 16, 2019 at 0:21

Rick Strahl

17.8k15 gold badges100 silver badges143 bronze badges

answered Aug 17, 2018 at 13:58

Dinuka Wanasinghe

7752 gold badges8 silver badges24 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

MSK Over a year ago

Actually I need to send list of FileInputModel. To be clear every file has its own unique param. When I try to send "List<FileInputModel> model" action is stacks and I could not get any response. Do you have any idea?

Prabhu Manoharan · Accepted Answer · 2018-08-17 13:11:32Z

It works 100%. Tested. Please do the below steps:

You should create a custom class for the model as

public class FileInputModel
{
    public string Name { get; set; }
    public IFormFile FileToUpload { get; set; }
}

and the form like

<form method="post" enctype="multipart/form-data" asp-controller="Home" asp-action="UploadFileViaModel" >
    <input name="Name" class="form-control" />
    <input name="FileToUpload" type="file" class="form-control" />
    <input type="submit" value="Create" class="btn btn-default" />
</form>

and the controller method like

[HttpPost]
public async Task<IActionResult> UploadFileViaModel([FromForm] FileInputModel model)
{
    if (model == null || model.FileToUpload == null || model.FileToUpload.Length == 0)
        return Content("file not selected");

    var path = Path.Combine(Directory.GetCurrentDirectory(), "wwwroot", model.FileToUpload.FileName);

    using (var stream = new FileStream(path, FileMode.Create))
    {
        await model.FileToUpload.CopyToAsync(stream);
    }

    return RedirectToAction("Files");
}

Anton Toshik · Accepted Answer · 2018-08-17 13:28:46Z

5

I tested with the following code and it works:

public class TestController : Controller
{
    [HttpPost("[controller]/[action]")]
    public IActionResult Upload(Model model)
    {
        return Ok();
    }

    public class Model
    {
        public IFormFile File { get; set; }
        public string Param { get; set; }
    }
}

Note that you need to use a model.

Here is the postman screen shot below with the same attributes.

UPDATE for multiple files:

Change the model to:

public class Model
{
    public List<IFormFile> Files { get; set; }
    public string Param { get; set; }
}

Postman screenshot:

Update 2

The content type header is multipart/form-data

Here is a screenshot of it working:

edited Aug 17, 2018 at 13:28

answered Aug 17, 2018 at 12:25

Anton Toshik

2,9573 gold badges22 silver badges43 bronze badges

4 Comments

Dinuka Wanasinghe Over a year ago

Still it's not working whats the header content type ?

Anton Toshik Over a year ago

@DinukaWanasinghe updated, make sure you remove the [Consumes] attribute on your end.

GotDibbs Over a year ago

This only worked for me with the [Consumes] and [FromForm] hints. No idea why.

Shelly Over a year ago

this will work without content type, try removing content type from header

sully · Accepted Answer · 2020-01-14 04:23:49Z

0

C# .NET Core

[HttpPost("someId/{someId}/someString/{someString}")]
[ProducesResponseType(typeof(List<SomeResponse>), StatusCodes.Status200OK)]
[ProducesResponseType(StatusCodes.Status401Unauthorized)]
[ProducesResponseType(StatusCodes.Status403Forbidden)]
[ProducesResponseType(typeof(Dictionary<string, string[]>), StatusCodes.Status400BadRequest)]
public async Task<IActionResult> Post(int someId, string someString, [FromForm] IList<IFormFile> files)
{
...
}

Typescript:

create(someId: number, someString: string, files: File[]) {
    var url = `${this.getBaseUrl()}/someId/${someId}/someString/${someString}`;

    const form = new FormData();
    for (let file of files) {
        form.append("files", file);
    }

    return this.http.post<SomeResponse>(url, form, {
        reportProgress: true,
    });
}

answered Jan 14, 2020 at 4:23

sully

91 bronze badge

1 Comment

Dinuka Wanasinghe Over a year ago

set header 'Content-Type': 'application/json' if implementation is angular

Collectives™ on Stack Overflow

asp.net core web API file upload and "form-data" multiple parameter passing to method

4 Answers 4

1 Comment

Comments

4 Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

Comments

4 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related