Signature_pad: सर्वर फ़ाइल पर छवि सहेजें

इस कोड के साथ हल किया गया:

if (isset($_POST['imageData'])) {
    $imgData = base64_decode($_POST['imageData']);
    $image_name= $_POST['image_name'];

    // Path where the image is going to be saved
    $filePath = '../img/'.$image_name.'.jpg';

    // Delete previously uploaded image
    if (file_exists($filePath)) { unlink($filePath); }

    // Write $imgData into the image file
    $file = fopen($filePath, 'w');
    fwrite($file, $imgData);
    fclose($file);
} else {
    echo "imgData doesn't exists";
}

नमस्ते,
मुझे एक ही समस्या है लेकिन आपका कोड कहां जोड़ा जाना चाहिए?

आपको धन्यवाद!

नमस्ते @stupendomen

मैं पिछले कोड के साथ एक नई .php फ़ाइल (signature_pad.php) बनाता हूं और मैं इसे फ़ाइल में AJAX फ़ंक्शन के साथ कॉल करता हूं जिसमें हस्ताक्षर पैड होता है (जब आप सेव बटन खींचते हैं)।
कुछ इस तरह:

`
वर आवरण = document.getElementById ("हस्ताक्षर-पैड"),
ClearButton = wrapper.querySelector ("[डेटा-एक्शन = क्लियर]"),
सेवबटन = रैपर.क्वेरी चयनकर्ता ("[डेटा-एक्शन = सेव]"),
कैनवास = रैपर.क्वेरी चयनकर्ता ("कैनवास"),
सिग्नेचरपैड;

// Adjust canvas coordinate space taking into account pixel ratio,
// to make it look crisp on mobile devices.
// This also causes canvas to be cleared.
    function resizeCanvas() {
        // When zoomed out to less than 100%, for some very strange reason,
        // some browsers report devicePixelRatio as less than 1
         // and only part of the canvas is cleared then.
        var ratio =  Math.max(window.devicePixelRatio || 1, 1);
        canvas.width = canvas.offsetWidth * ratio;
        canvas.height = canvas.offsetHeight * ratio;
        canvas.getContext("2d").scale(ratio, ratio);
    }
    window.onresize = resizeCanvas;
    resizeCanvas();
    signaturePad = new SignaturePad(canvas);

    clearButton.addEventListener("click", function (event) {
         signaturePad.clear();
    });

    saveButton.addEventListener("click", function (event) {
        event.preventDefault();
        var nombre_receptor_form = $("#nombre_receptor_form").val();
        var id_nombre_imagen = $("#id_nombre_imagen").val();

        if ( signaturePad.isEmpty() ) {
            alert("Please insert signature.");
        } else {
            var dataUrl = signaturePad.toDataURL();
            document.getElementById('imagen_firma').src = dataUrl;
            var imagen = dataUrl.replace(/^data:image\/(png|jpg);base64,/, "");
                $.ajax({
                    url: './includes/signature_pad.php',
                    type: 'POST',
                    data: {
                        imageData: imagen
                    },
                })
                .done(function(msg) {
                    // Image saved successfuly.
                    console.log("success: " + msg);
                    document.getElementById("my_form").submit(); //I do this to save other information.
                })
                .fail(function(msg) {
                    console.log("error: " + msg);
                });

`

मेरी इच्छा है कि यह आपके लिए उपयोगी होगा!

उत्तम!
धन्यवाद

@davidosuna1987 ये दो पंक्तियाँ कहाँ से आ रही हैं?
वर form_receiver_name = $("#form_receiver_name").val();
var id_image_name = $("#id_image_name").val();

@davidosuna1987 @stupendomen मुझे इससे परेशानी हो रही है! क्या आप मुझे यह दिखाने में सक्षम हैं कि यह कैसे काम कर रहा है मैंने उपरोक्त कोड को बिल्कुल कॉपी किया है और dbconenct.php फ़ाइल जोड़ा है और अभी तक कुछ भी नहीं मिला है। कृपया जल्द से जल्द मदद करें

क्या आप पूरा कोड पोस्ट कर सकते हैं? कृपया

आपको धन्यवाद!

धन्यवाद। बहुत उपयोगी !

आपको धन्यवाद!

@davidosuna1987
अच्छा, योगदान के लिए धन्यवाद।

लेकिन मैं इसे सिग्नेचरपैड के नए संस्करण या पुराने के साथ काम नहीं कर सका।
क्या कोई PHP में उपयोग का उदाहरण डाल सकता है?

आपका बहुत बहुत धन्यवाद