I have a WebMethod in ASP.NET that looks like this.
[WebMethod]
public static void AddCameraImage(string imageArray)
{
//do something
}
Currently, I am trying to read an image from a canvas element and then POST it to the above method using the code below:
$("#imageUl li").each(function (index, item) {
console.log($(this).find("canvas")[0].toDataURL("image/png"));
//This log is working properly. It's logging a very big string. "data:image/png;base64,iVBORVl3APD/AwWGMo8iBuQmCC...."
//I've truncated the string here.
$.ajax({
type: "POST",
url: "Default.aspx/AddCameraImage",
data: '{ "imageArray": "' + $(this).find("canvas")[0].toDataURL("image/png") + '"}',
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function (data) {
},
failure: function (response) {
alert("Failed to add image");
}
});
});
However, when I try this, I get the error message:
POST http://localhost:1315/Default.aspx/AddCameraImage 500 (Internal Server Error)Interestingly, if I change the data property of the Ajax request to
data: '{ "imageArray": "' + "test_hardcode_data" + '"}',What could I be missing here?