Save image using ajax method

chetan shinde

hi all.

i am trying to save image using ajax call. but it didnt redirect to my web method. or i cant recieve image into webmethod.

here is my code.

function fileupload(name, fName) {

//var obj = {};

var obj = {};

var fl = new FormData();

var files = '';

if (name == "P")

files = $("#imgUploadPromition").get(0).files;

else

files = $("#fileUploadLogo").get(0).files;

var fileData = files[0];

// Add the uploaded image content to the form data collection

if (files.length > 0) {

//data.append("UploadedImage", files[0]);

fl.append(fName, (fileData));

//obj.append("fileName", fName);

}

else {

alert('Please Select File');

return;

}

obj.lst_to = "test";

obj.file = fl;

$.ajax({

type: 'POST',

url: "Content_New.aspx/UploadFiles",

data: JSON.stringify(obj),

cache: false,

processData: false,

contentType: false,

dataType: "json",

success: function (data) {

alert("Success!");

}

});

}

[WebMethod(EnableSession = true)]

public static string UploadFiles(string lst_to)

{

HttpPostedFile file2 = null;

if (HttpContext.Current.Request.Files.Count != 0)

file2 = HttpContext.Current.Request.Files[0];

Content_New objContent_New = new Content_New();

objContent_New.UploadFilePromotions(file2);

return "1";

}

Please help me for the same.

2 Replies

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

Midhun Tp9y ago
Accepted answer
Hi,

Please have a look at below article -

http://www.aspdotnet-suresh.com/2015/02/jquery-upload-images-files-without-page-refresh-postaback-in-aspnet.html
0
Ibrahim Siddique9y ago
HTML Code :
Javascript Code :
$("#uploadEditorImage").change(function () {
var data = new FormData();
var files = $("#uploadEditorImage").get(0).files;
if (files.length > 0) {
data.append("HelpSectionImages", files[0]);
}
$.ajax({
url: resolveUrl("~/Admin/HelpSection/AddTextEditorImage/"),
type:"POST",
processData: false,
contentType: false,
data: data,
success: function (response) {
//code after success
},
error: function (er) {
alert(er);
}
});
});
Code in MVC controller :
if (System.Web.HttpContext.Current.Request.Files.AllKeys.Any())
{
var pic = System.Web.HttpContext.Current.Request.Files["HelpSectionImages"];
}
0