ajax 질문입니다. 채택완료

</p>

<p><button class="save" id ="save" style="display: none">저장</button>

        <button class="merge" id ="merge">저장</button>

        <div class="fs-container">

             <div class="literally"></div>

        </div>

        <div class="fs-container2">

              <video class="videoclass" id="theVideo"  autobuffer="false"  src="mobile_push_test.mp4" datax='off' data-framerate="25" width="1280" height="720"></video>

             <ul>

                <li class="annotate" style="font-size: 18px; border: 1px solid red;">Annotate-Pencil Tool</li>

            </ul>

        </div></p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p><script></p>

<p>

        $('.save').click(function(e) {</p>

<p>            var canvas = document.querySelector('canvas');

            var context = canvas.getContext("2d");

            

        

            var data = canvas.toDataURL("image/png", 0.5); //"image/png"</p>

<p>

            var canvas = document.querySelector('canvas');

            var context = canvas.getContext("2d");

            

            var image = new Image();</p>

<p>            tmp_image = canvas.toDataURL('image/png');</p>

<p>            $.ajax({

                  method: 'POST',

                  url: 'review3_upload.php',

                  data: {

                    photo: tmp_image

                  }

            })

            .done(function(respond){console.log("done: "+respond);})

            .fail(function(respond){console.log("fail");})

            .always(function(respond){console.log("always");});

        

              

        });</p>

<p>        function uploadCanvasData()

        {

            var canvas = $('#ImageDisplay').get(0);

            var dataUrl = canvas.toDataURL("image/jpeg");

            var blob = dataURItoBlob(dataUrl);

            var formData = new FormData();

            formData.append("file", blob);</p>

<p>            var request = new XMLHttpRequest();

            request.onload = completeRequest;</p>

<p>            request.open("POST", "IdentifyFood");

            request.send(formData);

        }</p>

<p></script></p>

<p>

</p>

<p> </p>

<p><?php

include_once('./_common.php');</p>

<p>    $data = $_POST['photo'];

    

    

    list($type, $data) = explode(';', $data);

    list(, $data)      = explode(',', $data);

    $data =  base64_decode($data);

    if ($data === false) {

        throw new \Exception('base64_decode failed');

    }

    </p>

<p>    $img_path =  $_SERVER['DOCUMENT_ROOT']. "/test/capture/img/";

    

    $img = file_put_contents($img_path . time().'.png', $data);

    

    //file_name

    $img_png = $img.'.png';

  

    //file_source

    $total_img_root = $img_path.$img.'.png';</p>

<p>