How to send javascript variable data to php

Question

I want to send a javascript variable which contains an image base64 (png) value (Too big for GET requests). How do i send this base64 value to the php page (POST request) so as to decode base64 and then save it.

var base64 = this.tobase64(); // store base64 value to this variable

        $.post('/js/uploadify/handler.php', {basevalue: base64});

                });

    window.location = "http://localhost/file/handler.php";

I tried the above code but it does not work,

I want to send the value with an onclick event on a button (which is not a submit button). I am not using forms.

PHP CODE

$val = $_POST['basevalue'];
echo $val;

I get Notice: Undefined index: basevalue error

thanks!.

The `window.location` is probably wrecking the POST. – Alex W Apr 04 '13 at 21:25 — Alex W, Apr 04 '13 at 21:25
check edit added php code – user1910290 Apr 04 '13 at 21:26 — user1910290, Apr 04 '13 at 21:26
is the php code in `effectsuploadify.php` or `handler.php` – Apr 04 '13 at 21:28 — , Apr 04 '13 at 21:28
$val = file_get_contents( php://input ); – Nick Maroulis Apr 04 '13 at 21:31 — Nick Maroulis, Apr 04 '13 at 21:31

score 2 · Accepted Answer · edited Apr 04 '13 at 21:32

2

Wait for a success on $.post().

function wl(){
 window.location = "http://localhost/file/handler.php";
}
var base64 = this.tobase64(); // store base64 value to this variable
$.post('/js/uploadify/effectsuploadify.php',{
  basevalue: base64,
  success: wl,
});

edited Apr 04 '13 at 21:32

Alex W

37,233
13
109
109

answered Apr 04 '13 at 21:31

Mooseman

18,763
14
70
93

Did you remove `window.location = "http://localhost/file/handler.php";` from after the script? – Mooseman Apr 04 '13 at 21:40
ok. I removed that. now it does not redirect how do i fix this. – user1910290 Apr 04 '13 at 21:41
Do you see any errors in the console? – Mooseman Apr 04 '13 at 21:42
1

I used the wrong method (tobase64)..Thanks alot.. – user1910290 Apr 04 '13 at 21:46
oops! still getting the same error even after giving correct method name nothing in console. page redirects with undefines index error. – user1910290 Apr 04 '13 at 21:50
The problem must be with your PHP. The post was successful. – Mooseman Apr 04 '13 at 21:52
do I need php5 ?, How do i check my php version. I am using xampp. – user1910290 Apr 04 '13 at 21:53
let us [continue this discussion in chat](http://chat.stackoverflow.com/rooms/27593/discussion-between-mooseman-and-user1910290) – Mooseman Apr 04 '13 at 21:57

score 0 · Answer 2 · answered Apr 04 '13 at 21:37

POST only sends the value of form's feilds to next page. In order to send your image to next page, assign it to value of hidden feild and submit form using java script.

var form = document.createElement("form");
form.setAttribute("method", "POST");
form.setAttribute("action", "http://localhost/file/handler.php");

var hiddenField = document.createElement("input");
hiddenField.setAttribute("type", "hidden");
hiddenField.setAttribute("name", "image");
hiddenField.setAttribute("value", base64);

form.appendChild(hiddenField);
document.body.appendChild(form);
form.submit();

How to send javascript variable data to php

2 Answers2