[AJUDA] - CODEIGNITER
03/07/2015
0
Boa tarde galera!
estou com dificuldades em uma situação, queria saber o pq que as imagens que estão vindo de uma webcam estão indo para a pasta todas corrompidas.
segue o codigo da view e do controlador:
view:
<html>
<head>
<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: 363px;
height: 280px;
border:22px 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">Copyright © - GEINF </span>
</div>
</div>
<div style="float:left; width:50%">
<div id="say-cheese-snapshots" class="fotografia">
<span class="marca">Salvar Foto</span>
</div>
</div>
<div style="clear:both"></div>
<div style="float:left;width:50%">
<span id="obturador">Tirar 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">Buscar foto da Pasta</span>
</div>
</div>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js'></script>
<script src="/js/say-cheese.js"></script>
<script type="text/javascript">
var base_url = "<?= base_url() ?>";
var img=null;
var sayCheese = new SayCheese('#webcam', {
snapshots: true,
width: 320,
height: 240
});
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/png');
});
$('#guardarFoto').bind('click', function() {
var src = img.src;
data = {
src: src
}
$.ajax({
url: base_url + 'index.php/webcam/ajax',
data: data,
type: 'post',
success: function(respuesta) {
$('#fotoGuardada').attr('src', respuesta).show(500);
}
});
});
</script>
</body>
</html>
CONTROLADOR:
public function ajax(){
$jpeg_data = $this->input->post('src');
$filename = "./uploads/imagem_".mktime().".png";
$this->Fotos_model->gravarFoto($filename);
$result = file_put_contents($filename, $jpeg_data);
echo $filename ;
estou com dificuldades em uma situação, queria saber o pq que as imagens que estão vindo de uma webcam estão indo para a pasta todas corrompidas.
segue o codigo da view e do controlador:
view:
<html>
<head>
<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: 363px;
height: 280px;
border:22px 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">Copyright © - GEINF </span>
</div>
</div>
<div style="float:left; width:50%">
<div id="say-cheese-snapshots" class="fotografia">
<span class="marca">Salvar Foto</span>
</div>
</div>
<div style="clear:both"></div>
<div style="float:left;width:50%">
<span id="obturador">Tirar 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">Buscar foto da Pasta</span>
</div>
</div>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js'></script>
<script src="/js/say-cheese.js"></script>
<script type="text/javascript">
var base_url = "<?= base_url() ?>";
var img=null;
var sayCheese = new SayCheese('#webcam', {
snapshots: true,
width: 320,
height: 240
});
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/png');
});
$('#guardarFoto').bind('click', function() {
var src = img.src;
data = {
src: src
}
$.ajax({
url: base_url + 'index.php/webcam/ajax',
data: data,
type: 'post',
success: function(respuesta) {
$('#fotoGuardada').attr('src', respuesta).show(500);
}
});
});
</script>
</body>
</html>
CONTROLADOR:
public function ajax(){
$jpeg_data = $this->input->post('src');
$filename = "./uploads/imagem_".mktime().".png";
$this->Fotos_model->gravarFoto($filename);
$result = file_put_contents($filename, $jpeg_data);
echo $filename ;
Waldir Neto
Curtir tópico
+ 0
Responder
Clique aqui para fazer login e interagir na Comunidade :)
