Upload file with multiple Parameter

Ayush Patil

Hi all,

I want to upload file with multiple parameter.

Here is the my code

function Upload(srID) {

var fileUploadUrl = $('#fileUploadData_' + srID).val();

var PolicyNo = $('.tbltr' + srID).find("td:eq(3)").text();

var files = new FormData();

var filePath = document.getElementById('fileUploadData_' + srID).files[srID];

files.append('files[' + srID + ']', filePath);

$.ajax({

type: 'POST',

url: '/GHI/UploadFiles',

data: files,

dataType: 'json',

cache: false,

contentType: false,

processData: false,

success: function (response) {

ShowAlert('Files have been uploaded successfully');

error: function (error) {

ShowAlert('Error has occured. Upload is failed');

}

});

}

How i can pass the parameter through Ajax call to controller

3 Replies

Know the answer? Post it — somebody with the same question will find it here.

Bhuvanesh Mohankumar7y ago
In Ajax call, chceck for the Data value supplied, which is reposnsible to transfer your parameter values. you can transfer teh JSON value in the Data of ajax call.
Rajeesh Menoth7y ago
Hi,

This is very simple , You can add the parameters in the ajax "data" field, Plaese check the examples. Jut remeber what ever name you are giving in the data section that need to be equal in server side.

Client side :

Server Side :

Webmethod you can use for ASP.NET and in ASP.NET MVC you can use the API Controller.

Reference :

https://www.aspsnippets.com/Articles/jQuery-AJAX-call-with-parameters-example-Send-parameters-to-WebMethod-in-jQuery-AJAX-POST-call.aspx

https://stackoverflow.com/questions/18697034/how-to-pass-parameters-in-ajax-post

http://www.dotnetfox.com/articles/save-data-to-database-without-postback-using-jquery-ajax-in-Asp-Net-1108.aspx
Sanwar Ranwa7y ago
Hello

Please try these Links

https://www.encodedna.com/2013/05/pass-multiple-para-to-webmethod.htm

https://www.aspsnippets.com/Articles/Send-Pass-multiple-parameters-to-WebMethod-in-jQuery-AJAX-POST-in-ASPNet.aspx