0

Veo que con esta librería podemos conseguir imprimir la imagen resultante en alguna parte del DOM o incluso descargarla.

Lo que necesito guardarla en un servidor con php mediante ajax. Del siguiente modo podría almacenar la img para pasarla luego por ajax.

var data = drawingCanvas.toDataURL('image/png');

¿Que debería hacer en dicho php para lograrlo?

Muchas gracias!

1 respuesta 1

0

Javascript

var data = {
    image : drawingCanvas.toDataURL('image/png') 
}

$.ajax({
    url: 'url del PHP',
    type: "POST",
    dataType: 'json',
    data: data,
    success: function(obj) {
        console.log(obj);
    },
    error: function(xhr, textStatus, errorThrown) {
        console.error(xhr);
    }
});

PHP

// crea la carpeta en caso de que no exista y le asigna permisos
function create_folder($path=false){
    if ($path && !file_exists($path))
        mkdir($path, 0777);
}

// convierte base64 enviado por ajax en archivo
function base64ToImage($folder , $data, $fileName = null){
    if(strlen($data)<3){
        return false;
    }

    list($type, $data) = explode(';', $data);
    list(, $data)      = explode(',', $data);
    $data = base64_decode($data);
    $folder = "{$_SERVER['DOCUMENT_ROOT']}/{$folder}/";

    create_folder($folder);

    if(!$fileName) $fileName = md5($data);
    $imgFile = "{$folder}/{$fileName}";

    if (file_exists($imgFile)) {
        unlink($imgFile);
    }

    if(!file_put_contents($imgFile, $data)){
        return false;
    }

    return $imgFile;
}

base64ToImage('documentos', $_POST['image'], 'imagen.png');

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.