Comment recadrer et télécharger une photo en utilisant le plugin jquery de cropit avec php

Donc j'ai actuellement trouvé ce recadrage photo plugin appelé cropit . Les démos sont ici . Donc, ce que je veux faire, c'est prendre la photo recadrée et téléchargez le nom de la photo à la base de données mysql et l'enregistrer dans un répertoire à l'aide de php.

Pour l'instant j'ai ceci :

HTML :

<form method="POST">
    <div class="image-editor">
        <div class="cropit-image-preview-container">
            <div class="cropit-image-preview"></div>
        </div>
            <div class="image-size-label">
            Resize image
        </div>
        <input type="range" class="cropit-image-zoom-input">
        <input type="hidden" name="image-data" class="hidden-image-data" />
        <button type="submit">Submit</button>
    </div>
</form>

jQUERY :

    $('form').submit(function() {
        //Move cropped image data to hidden input
        var imageData = $('.image-editor').cropit('export');
        $('.hidden-image-data').val(imageData);

        //Print HTTP request params
        var formValue = $(this).serialize();
        $('#result-data').text(formValue);

        //Prevent the form from actually submitting
        return false;
    });

Tous j'ai besoin d'aide est avec l'installation de php code parce que quand j'ai recadré la photo et sélectionnez envoyer, jquery retourne le sérialiser code, et ce code que je ne suis généralement pas familier avec s'affiche. Voici quelques personnages de la sérialisé code jquery retourne:

image-data=data%3Aimage%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhE...

source d'informationauteur this.Tony

  1. 14

    1. Économiser de l'image encodée en base64

        <?php
    //save your data into a variable - last part is the base64 encoded image
    $encoded = "data%3Aimage%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhE";

    //decode the url, because we want to use decoded characters to use explode
    $decoded = urldecode($encoded);

    //explode at ',' - the last part should be the encoded image now
    $exp = explode(',', $decoded);

    //we just get the last element with array_pop
    $base64 = array_pop($exp);

    //decode the image and finally save it
    $data = base64_decode($base64);
    $file = 'data.png';

    //make sure you are the owner and have the rights to write content
    file_put_contents($file, $data);

    2. Obtenir le nom de fichier de l'image encodée en base64

        $encoded = "data%3Aimage%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhE";
    $decoded = urldecode($encoded);
    $exp = explode(';', $decoded);
    $exp = explode(':', $exp[0]);
    $image = array_pop($exp);
    echo ($image);
  2. -2

    J'ai eu Hosch Nok, en réponse à des travaux par pas de décodage de données codées.
    Pas d'appel:

    $decoded = urldecode($encoded);

    Mais le fait de travailler directement avec les $encoded variable.