從網絡攝像頭和商店捕獲圖像

Question

我想從網絡攝像頭捕獲圖像並將其存儲到數據庫和文件路徑，但它不會存儲在數據庫中，也不會存儲在文件路徑中。

我的觀點：

<script type="text/javascript" src="<?php echo base_url() ?>assets/dist/js/webcam.min.js"></script> 


<div class="form-group"> 
             <div class="col-sm-3 col-md-offset-3 no-print"> 
              <!--<img src="<?php echo base_url(); ?>assets/images/blank.png" >--> 
              <div class="clearfix" id="my_camera"></div><br> 
              <button type="button" class="btn btn-info" onClick="take_snapshot()"><i class="fa fa-camera fa-fw"></i>Capture</button> 
             </div> 
             <div class="col-md-3 col-md-offset-1 imager" id="results"> 
              <!--<img src="<?php echo base_url(); ?>assets/images/user.png" class="thumbnail" >--> 
              <h3>Visitors Photo</h3> 
             </div> 
            </div> 
<script language="JavaScript"> 
     function take_snapshot() {     
      Webcam.snap(function (data_uri) {      
       document.getElementById('results').innerHTML = 
         '<h2>Here is your image:</h2>' + 
         '<img src="' + data_uri + '"/>'; 
      }); 
     } 
    </script> 
<script language="JavaScript"> 
     Webcam.set({ 
      width: 320, 
      height: 240, 
      image_format: 'jpeg', 
      jpeg_quality: 90 
     }); 
     Webcam.attach('#my_camera'); 
    </script> 

Answer 1

如果你使用https://github.com/jhuckaby/webcamjs/blob/master/DOCS.md可以

Webcam.snap(function (data_uri) {      
       document.getElementById('results').innerHTML = 
         '<h2>Here is your image:</h2>' + 
         '<img src="' + data_uri + '"/>'; 
      }); 

必須像

Webcam.snap(function (data_uri) {      
        document.getElementById('results').innerHTML = 
          '<h2>Here is your image:</h2>' + 
          '<img src="' + data_uri + '"/>'; 
        Webcam.upload(data_uri, '<?php echo site_url('controlerfunctiontoupload'); ?>', function(code, text) { 
      if (code == '200') { 
       alert ('ok'); 
      } else { 
       alert('error'); 
      } 
     }); 
       }); 

看到文檔

upload_name  "webcam" 

在CONTROLER

/功能上傳

$filename='test.jpg'; 
$filepath=FCPATH.'folderWithRights0777/'.$filename; 
    $result=move_uploaded_file($_FILES['webcam']['tmp_name'], $filepath)); 

也插入數據庫

$this->db->from('files'); 
$this->db->set('image', $filename); 
$this->db->insert();