How can we send FormData to a web api with additional parameters?

Question

I am sending a file input in FormData to a web api as below. The api method expects one additional parameter as well but the below code works only without the parameter in api. How can I send the additional parameter to the api. Thanks for any suggestions!

<div>
    <label for="add">Add Customer</label>
    <input type="file" onchange="AddCust(event)" />
</div>

function AddCust(event) 
{
    Add("testtype", event.target.files[0]);
}

function Add(type, file)
{
    var imageData = new FormData();

    imageData.append("myfile", file);

    $.ajax({
        url: _uri + '/party/Add', 
        type: 'POST',
        enctype: 'multipart/form-data',
        data: imageData,
        cache: false,
        contentType: false,
        processData: false,
        crossDomain: true,
        xhrFields: { withCredentials: true },
        success: function (data) {
            $("#log").append("Add - Success " + data.toString() + "</br>");
        },
        error: function (xhr, ajaxOptions, thrownError) {
            $("#log").append("Add - Error " + xhr.responseText + "</br>");
        }
});

Web API:

[HttpPost]
public async void Add(string customertype)
{
    var provider = new MultipartFormDataStreamProvider(HttpContext.Current.Server.MapPath("~/App_Data"));

    await Request.Content.ReadAsMultipartAsync(provider);
}

Jyina · Accepted Answer · 2020-06-23 14:36:01Z

1

Found out that below does not work.

url: _uri + '/party/Add/testtype'

It has to be specified in url

url: _uri + '/party/Add?customertype=' + 'testtype'

answered Jun 23, 2020 at 14:36

Jyina

2,96210 gold badges49 silver badges87 bronze badges

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

Collectives™ on Stack Overflow

How can we send FormData to a web api with additional parameters?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related