Convert img Javascript variable to $_FILES['name']['tmp_name'];

Question

I can convert javascript functions to php to use it on server side through:

in JS:

$("#containerphp").load("save.php", {firstValueContainer:firstValue, secValueContainer:secValue});

in php (save.php):

$firstVal = $_REQUEST['firstValueContainer'];
$secVal = $_REQUEST['secValueContainer'];

It works fine but now I need to send a image variable (var image = canvas.toDataURL("image/png");) from javascript to php. I saw that the following code works to send it but in a form (without JS):

$_FILES['name']['tmp_name'];

Anybody knows how can I convert my image from JS to php in this context?

Thank you all.

Try sending `data URI` returned from `var image = canvas.toDataURL("image/png");` to server side , see http://stackoverflow.com/questions/28856729/upload-multiple-image-using-ajax-php-and-jquery/ — guest271314, Nov 24 '15 at 01:37

score 0 · Answer 1 · answered Jul 13 '16 at 12:24

You can use the following

var image = canvas.toDataURL("image/png");

and send it to php

$_FILE can not be used here because $_FILE is An associative array of items uploaded to the current script via the HTTP POST method.

convert javascript functions to php to use it on server side through:

$("#containerphp").load("save.php", {firstValueContainer:firstValue, secValueContainer:secValue, imageValue: image});

Convert img Javascript variable to $_FILES['name']['tmp_name'];

1 Answers1