how to send image base64 to server

Question

I used base64 encoded to display image dynamically (by select image).

<img style="width: 412px;" src="data:image/gif;base64,R0lGODlhwAAAAXAAACH5BAEAAPwALA

How to send image to a server? by $.ajax() and without postback.

Thanks in advance

adeneo · Accepted Answer · 2012-12-16 21:45:14Z

2

$.ajax({
    type: 'POST', //or get
    url : 'urlToMyServer.aspx',
    data: { img : $('img').attr('src') }
});

If the B64 is'nt really, really long, just send it the regular way ?

edited Dec 16, 2012 at 21:45

answered Dec 16, 2012 at 21:39

adeneo

319k29 gold badges410 silver badges392 bronze badges

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

12 Comments

iMoses Over a year ago

data: $('img').attr('src') this won't work. data accepts an object or a query string.

Esailija Over a year ago

@iMoses it accepts arbitrary string, which jQuery will send literally as POST request body

adeneo Over a year ago

@iMoses - sending a string is'nt a problem, but objects are actually easier to understand in this case I think, so I've edited it.

iMoses Over a year ago

If so than how do I fetch it on the server side? What's the name of my post variable? As far as I know, if you wanna use a string it should be formated as a query string, such as: data: 'img=' + $('img').attr('src')

Esailija Over a year ago

If you pass a string, jQuery will not do anything to it, and you have to parse raw request body manually on the server

|

Collectives™ on Stack Overflow

how to send image base64 to server

1 Answer 1

12 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

12 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related