Send Base64 data from client to server using AJAX

Question

Hi I have image data inform of base64 like data:image/jpeg;base64/9j/4AAQSkZJRgABAQAAAQABAAD/2w.... I want to send it to Server side i.e. codebehind C# using Jquery Ajax. How Can I do that. Thanks.

Manas Mohapatra · Answer

You are in right way. Use your code for AJAX call and use my code for server side code. If you are getting any kind of exception please provide details.

Sujit Sahoo · Answer

Hi Manas My Image data is at client side and I have to transfer this data to Server side using ajax. like $.ajax({ url: 'Index.aspx/chImg' dataType: json data: '{ imgData: ' + imageData+ ' }' type: 'POST' contentType: application/json; charset=utf-8 // success: function (data) { alert('successwa'); } error: function (result) { alert(result.d); } }); but I m facing issue while sending data.

Manas Mohapatra · Answer

public static Image GetImage(string imageEncodeString ) { //get a temp image from bytes instead of loading from disk //data:image/gif;base64 //this image is a single pixel (black) byte[] bytes = Convert.FromBase64String( imageEncodeString ); Image image; using (MemoryStream ms = new MemoryStream(bytes)) { image = Image.FromStream(ms); } image.Save(fullOutputPath System.Drawing.Imaging.ImageFormat.Png); } Here I am using hardcoded image format from png - you can fetch it from encode string. Secondly remove all unnecessary string like image format( data:image/jpeg;base64 ) when you are converting to byte array.