Question

I’m trying to upload data captured in a local html file on an iPad and save it to server.

I found this: Sending data to an external file via Ajax

So as far as I can understand, there is no way to send the info doing something like this:
ajax.open(“POST”,’http://www.misite.com/canvas/testSave.php‘,true);
from a html on the iPad, I’m right?

So I just want to know if anyone knows a trick to do this. Thanks!

Answer 1

After a couple of weeks this is what I could achieved.

1.- The function that sends the data (an image generated from a canvas):

function sendImageData()
    {
        var filename = $("#filename").val().trim();
   if(filename == ''){
    alert("File name is needed");
    return;
   }

        var uploadCanvas = $("#uploadCanvas");
        var canvasData = uploadCanvas[0].toDataURL("image/png");
        var debugConsole= $("#debugConsole");
        debugConsole.val(canvasData);

      $.ajax({
            type: 'POST',
            url: "http://yourremoteserver.com/canvas/save.php",
            data: {
        canvasData:canvasData,
        filename:filename
    }
        }).done(function() {
                    alert("saved: " + filename + ".png");// THIS IS NOT WORKING YET.
                }
                );
    }

2.- The PHP that receives and saves the data:

<?php
$imagen = $_POST['canvasData'];
$filename = $_POST['filename'];

if (isset($imagen)){
    $imageData=$imagen;
    $filteredData=substr($imageData, strpos($imageData, ",")+1);
    $unencodedData=base64_decode($filteredData);
    $fp = fopen( $filename.'.png', 'wb' );
    fwrite( $fp, $unencodedData);
    fclose( $fp );
}
?>

If anyone can help me with the .done function to work (remember, the html file is in an ipad and the php on a server) let me know. Cheers.