Использование WebRT C для загрузки изображения, полученного с веб-камеры, на сервер - PullRequest
Новая
       12

Использование WebRT C для загрузки изображения, полученного с веб-камеры, на сервер

1 голос
/ 12 февраля 2020

Я делаю демонстрационный проект, потому что я практически новичок в кодировании, и теперь я столкнулся с некоторыми проблемами. По сути, мой проект направлен на умную посещаемость, где ученики должны будут отправлять свои ie полученные по телефону на сервер. В этом проекте используются HTML и CSS и Js. Я использую форму для отправки изображения методом POST. Поэтому я сослался на это для захвата изображения с моей веб-камеры с помощью WebRT C. Из того, что я прочитал из нескольких сообщений на форуме, WebRT C захватывает изображение, и изображение не является файлом изображения, вместо этого оно находится в формате base64. Основываясь на нескольких исследованиях, вот код, который выполняет процесс захвата, в JavaScript: 

function takepicture() {
  var context = canvas.getContext('2d');
  if (width && height) {
    canvas.width = width;
    canvas.height = height;
    context.drawImage(video, 0, 0, width, height);

    var data = canvas.toDataURL('image/png');
    photo.setAttribute('src', data);
    $.ajax({
      url: "/",
      data: data,
      type: 'POST'
      success: function(dataR) {}
      error: function(xhr, status, error) {
        console.log('Error:' + error.message);
      }
    });
  } else {
    clearphoto();
  }
}
HTML Code:

<form method="POST" form class="login100-form validate-form" enctype="multipart/form-data">
  <div class="wrap-input100 validate-input" data-validate="Enter e-mail">
    <input class="input100" type="text" name="staff_email" placeholder="E-mail">
    <span class="focus-input100" data-placeholder="&#xf207;"></span>
  </div>
  <div class="camera">
    <video id="video">Video stream not available.</video>
    <button id="startbutton">Take photo</button>
  </div>
  <canvas id="canvas">
  		    </canvas>
  <div class="output">
    <img id="photo" alt="The screen capture will appear in this box.">
  </div>

Я хочу отправить захваченное фото на сервер, но оно не было отправлено вообще. Могу ли я узнать, с какой проблемой я сталкиваюсь? Я был бы рад предоставить больше разъяснений. Из некоторых других постов они используют PHP, о котором я действительно не знаю ... Заранее спасибо =)

...