Захват изображения с веб-камеры и сохранение в папке с помощью PHP и JavaScript

Просьба проверить код, указанный ниже. Я хочу сохранить изображение в папке в формате JPG с помощью PHP и AJAX. Пожалуйста, помогите мне, я не в состоянии это сделать.

function base64_toimage() { $('#image').attr("src","data:image/png;base64,"+$.scriptcam.getFrameAsBase64()); }; function base64_tofield_and_image(b64) { $('#formfield').val(b64); $('#image').attr("src","data:image/png;base64,"+b64); }; function changeCamera() { $.scriptcam.changeCamera($('#cameraNames').val()); } function onError(errorId,errorMsg) { $( "#btn1" ).attr( "disabled", true ); $( "#btn2" ).attr( "disabled", true ); alert(errorMsg); } function onWebcamReady(cameraNames,camera,microphoneNames,microphone,volume) { $.each(cameraNames, function(index, text) { $('#cameraNames').append( $('<option></option>').val(index).html(text) ) }); $('#cameraNames').val(camera); } </script> <br /> <div id="webcam" ></div> <div style="width:250px;float:left;" ><img src="webcamlogo.png" alt="" style="vertical-align:text-top" /> <select name="cameraNames" size="1" id="cameraNames" style="width:205px;font-size:10px;height:25px;" onChange="changeCamera()"></select></div> 

Проверьте это на MDN, и довольно ясно, как создать простую фотобуду с помощью WebRTC .

Вторая часть вопроса заключается в том, как сохранить данные изображения на диск:

  1. если вы проверите сгенерированное изображение, вы найдете что-то вроде:
 < img id = "photo" alt = "The screen capture will appear in this box." src = "data:image/png;base64 ...... " >