Salvar imagem no banco de dados
Pessoal, preciso de uma ajuda,
Tenho que salvar fotos de ferramentas e peças em um banco de dados, essas fotos vão ser tiradas, mas tiradas com uma câmera usb. estou tendo dificuldades para fazer isso.
Consigo pegar o código setado na outra pagina normal, a imagem da câmera também esta na variavel. Falta apenas a parte de salvar.
segue abaixo o meu codigo.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Fotos</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
video{
max-width:200%;
}
img{
max-width:30%;
}
</style>
</head>
<body>
<video autoplay></video>
<script>
(function() {
'use strict';
var video = document.querySelector('video')
, canvas;
/**
* generates a still frame image from the stream in the <video>
* appends the image to the <body>
*/
function takeSnapshot() {
var img = document.querySelector('img') || document.createElement('img');
var context;
var width = video.offsetWidth
, height = video.offsetHeight;
canvas = canvas || document.createElement('canvas');
canvas.width = width;
canvas.height = height;
context = canvas.getContext('2d');
context.drawImage(video, 0, 0, width, height);
img.src = canvas.toDataURL('image/png');
document.body.appendChild(img);
}
// use MediaDevices API
// docs: https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/getUserMedia
if (navigator.mediaDevices) {
// access the web cam
navigator.mediaDevices.getUserMedia({video: true})
// permission granted:
.then(function(stream) {
video.src = window.URL.createObjectURL(stream);
video.addEventListener('click', takeSnapshot);
})
// permission denied:
.catch(function(error) {
document.body.textContent = 'Could not access the camera. Error: ' + error.name;
});
}
})();
</script>
<?php
include "../lib/config.inc.php";
$foto = "<script>document.write(canvas)</script>";
echo '</br>';
echo "$foto";
echo '</br>';
$numero = $_GET['codigo'];
echo $numero;
$query="Insert into snapshot (codigo_ferramenta, Image) values('$numero','$foto')";
$result= $this->query($query);
if($result){
return "Image saved to database";
}
else{
return "Image not saved to database";
}
?>
</body>
</html>Discussão (1)
Carregando comentários...