Javascript Jquery插件未正确录制_Javascript_Php_Jquery_Database_Codeigniter

Javascript Jquery插件未正确录制

javascript php jquery database codeigniter

Javascript Jquery插件未正确录制,javascript,php,jquery,database,codeigniter,Javascript,Php,Jquery,Database,Codeigniter,我在录制图像时遇到问题。在数据库上显示为fotos-foto.bin（二进制）我使用的是Codeigniter和jquery插件，我能够访问相机，拍摄照片，但没有正确录制有什么想法吗这是我的密码看法网络摄像头 #内容{ 保证金：0自动；宽度：1000px；位置：相对位置； } 福托格拉菲亚先生{ 宽度：320px；高度：240px；边框：20px实心#333；背景：#eee； -webkit边界半径：20px； -moz边界半径：20px；边界半径：20px；位置：相对

我在录制图像时遇到问题。在数据库上显示为fotos-foto.bin（二进制）

我使用的是Codeigniter和jquery插件，我能够访问相机，拍摄照片，但没有正确录制

有什么想法吗

这是我的密码

看法


网络摄像头
#内容{
保证金：0自动；
宽度：1000px；
位置：相对位置；
}
福托格拉菲亚先生{
宽度：320px；
高度：240px；
边框：20px实心#333；
背景：#eee；
-webkit边界半径：20px；
-moz边界半径：20px；
边界半径：20px；
位置：相对位置；
边缘顶部：50px；
边缘底部：50px；
}
马卡先生{
z指数：2；
位置：绝对位置；
颜色：#eee；
字体大小：10px；
底部：-16px；
左：152px；
}
#闭孔{
填充：10px；
边框：1px实心；
背景色：#444；
颜色：#fff；
光标：指针；
左边距：50像素；
}
tutoriales.com
快照
托马尔福托
瓜达尔福托酒店
阿玛泽纳达酒店
你想上传图像吗？不，我正在接近相机，拍一张照片，发送到数据库，然后在其他地方显示照片。
  <html>
<head>
    <title>WebCam</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width">

    <style type="text/css">

        #content{
            margin: 0 auto;
            width: 1000px;
            position: relative;

        }

        .fotografia{
            width: 320px;
            height: 240px;
            border: 20px solid #333;
            background: #eee;
            -webkit-border-radius: 20px;
            -moz-border-radius: 20px;
            border-radius: 20px;
            position: relative;
            margin-top: 50px;
            margin-bottom: 50px;

        }

        .marca {
            z-index: 2;
            position: absolute;
            color: #eee;
            font-size: 10px;
            bottom: -16px;
            left: 152px;

        }

        #obturador,#guardarFoto{
            padding: 10px;
            border: 1px solid;
            background-color: #444;
            color: #fff;
            cursor: pointer;
            margin-left: 50px;

        }


    </style>
</head>

<body>
    <div id="content">
        <div style="float:left;width:50%">
            <div id="webcam" class="fotografia">
                <span class="marca">tutoriales.com</span>
            </div>
        </div>
        <div style="float:left;width:50%">
            <div id="say-cheese-snapshots" class="fotografia">
                <span class="marca">Snapshots</span>

            </div>
        </div>
        <div style="clear:both"></div>

        <div style="float:left;width:50%">
            <span id="obturador">Tomar foto</span>
        </div>

        <div style="float:left;width:50%">
            <span id="guardarFoto">Guardar Foto</span>
        </div>

        <div class="fotografia">
            <img id="fotoGuardada" src="" style="display:none" />
            <span class="marca">Foto Armazenada</span>

        </div>

    </div>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
    <script src="<?php echo base_url() ?>assets/js/say-cheese.js"></script>
    <script type="text/javascript">
       var img=null;
       var sayCheese = new SayCheese('#webcam',{snapshots: true});

       sayCheese.start();

       $('#obturador').bind('click', function(e){
           sayCheese.takeSnapshot(320,240);
           return false;
       });

     sayCheese.on('snapshot', function(snapshot){
           img = document.createElement('img');

           $(img).on('load', function(){
               $('#say-cheese-snapshots').html(img);
           });
           img.src = snapshot.toDataURL('image/jpg');
       });

        $('#guardarFoto').on('click', function(canvas){
         var src = img.src;
         alert("#guardarFoto clicked!");
         data = {
             src: src
         };
         $.ajax({
             url: '<?php echo base_url() ?>webcam/ajax',
             data: data,
             type: 'post',
             sucess: function(respuesta) {
                 $('#fotoGuardada').attr('src', respuesta).show(500);
             }
         });
        });


    </script>
</body>

  <?php

class Webcam extends CI_Controller{

public function __construct() {
    parent::__construct();
    $this->load->model(array('Fotos_model'));
}


public function index() {
        $this->load->view('webcam/index_view');
    }

    public function ajax () {
        $src = $this->input->post('src');
        $this->Fotos_model->gravarFoto($src);
        $foto = $this->Fotos_model->getLastFoto();
        $this->output->set_output ($foto);

    } 
}

  <?php

class Fotos_model extends CI_Model{

public function gravarFoto($foto) {
    return $this->db->insert('fotos',array('foto'=>$foto));

}

public function getLastFoto() {
    return $this->db->order_by('id','desc')->get('fotos')->row()->foto;

}
}