Я пытаюсь преобразовать и загрузить изображение Raw на сервер

Question

Я пытаюсь загрузить изображение на свой сервер с помощью php. У меня есть два файла: один - index. php и загружаемый php файл - myscript. php

Index. php

<div id="results">Your captured image will appear here...</div>

<h1>Mugshot Test Page</h1>
<h3>Demonstrates simple 320x240 capture &amp; display</h3>

<div id="my_camera"></div>

<!-- First, include the Webcam.js JavaScript Library -->
<script type="text/javascript" src="webcam.min.js"></script>

<!-- Configure a few settings and attach camera -->
<script language="JavaScript">
    Webcam.set({
        width: 320,
        height: 240,
        image_format: 'jpeg',
        jpeg_quality: 90
    });
    Webcam.attach( '#my_camera' );
</script>

<!-- A button for taking snaps -->
<form>
    <input type=button value="Take Snapshot" onClick="take_snapshot()">
</form>

<!-- Code to handle taking the snapshot and displaying it locally -->
<script language="JavaScript">
    function take_snapshot() {
        // take snapshot and get image data
        Webcam.snap( function(data_uri) {
            // display results in page
            document.getElementById('results').innerHTML = 
                '<h2>Here is your image:</h2>' + 
                '<img src="'+data_uri+'"/>';
        } );
    }//UP TILL THIS POINT CODE IS WORKING FINE. 
        Webcam.upload( data_uri, 'myscript.php',function(code, text){
        //will add success code later
        });
</script>

myscript. php

<?
$name = date('YmdHis');

$imagename = $_SERVER['DOCUMENT_ROOT']."images/".$name.".jpg";

move_uploaded_file($_FILES['webcam']['tmp_name'], $imagename);
?>

этот код предназначен для выполнения трех действий

1. Захват изображения при нажатии
2. Покажите мне, как я выгляжу на захваченном изображении
3. Загрузить изображение в сервер

До 2-го шага он работает нормально, на третьем он ничего не делает. может что-то не так с моим php. я не знаю помогите пожалуйста

Answer 1

Вы пытаетесь загрузить данные, которых нет. Когда вы делаете снимок, метод snap предоставляет data_uri. После получения этих данных сохраните их в глобальной переменной. Затем попробуйте загрузить эти данные в отдельное событие (возможно, по нажатию кнопки).

    var data = null;
    function take_snapshot() {
     // take snapshot and get image data
     Webcam.snap( function(data_uri) { 
      data = data_uri;
     // display results in page
     //.... Write rest of the codes here to display
    })


 // Call this function from an event, probably  on a button click to upload data
     function upload_data() {
        // Use the stored variable here to upload
       Webcam.upload( data,
        'myscript.php',function(code, text){ //will add success code later 
        });
       }