Galera, bom dia!!
Já tem um tempo que estou batendo cabeça nestas linhas e a questão do upload, após tirar a foto, até consigo, porém pegar o caminho da imagem, que retorna em um JS, já não consigo. Já tentei concatenar, fazer de N formas e nada, só falta isso pra finalizar, certeza que é coisa simples que eu deixei passar... segue o link e a linha de código.
http://higoroliveira.com.br/dev/consultorio/Imagens/fotoPerfil/tiraFotoPaciente.asp?CodID=1
<%@ LANGUAGE = "VBScript" %>
<!--#Include File = "Conexao/dbConexao.inc" -->
<!--#Include File = "Conexao/adovbs.inc" -->
<!--#Include File = "Conexao/Funcs.asp" -->
<% Response.charset = "utf-8"
Dim uSQL, uRS, PacienteID, strSQL, FotoUrl, Caminho
PacienteID = Request("CodID")
Caminho = Request("foto_url")
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">
<html lang="pt-br">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Apolus - Sistema de Gerenciamento Web [Registro de Foto] - [APOLUS SÉRIE Z v1.0.1]</title>
<meta name="generator" content="TextMate http://macromates.com/">
<meta name="author" content="Joseph Huckaby">
<script type="text/javascript" src="js/jquery.corner.js"></script>
<script type="text/javascript" src="js/jquery-1.4.4.min.js"></script>
<!-- Date: 2008-03-15 -->
<script type="text/javascript">
$("#foto_url").blur(function () {
$("#foto_url").html($(this).val());
})
</script>
<style type="text/css">
body {
background: #06F;
}
table {
float: left;
margin: 0;
width: 400px;
height: auto;
background: #FFF;
}
h1, p {
float: left;
margin: 0;
width: 420px;
text-align: center;
font-family: Arial;
}
p {
margin: 10px 0 20px 0;
font-size: 12px;
}
#areaFoto {
margin-left: 50px;
}
</style>
</head>
<body>
<script type="text/javascript" language="javascript">
//Arredonda bordas
$(document).ready(function(){
$("#areaFoto").corner('15px');
});
</script>
<table><tr><td>
<h1>Capturar Foto do Paciente</h1>
<p>Clique em PERMITIR, alinhe a câmera e clique em tirar foto.</p>
<!-- First, include the JPEGCam JavaScript Library -->
<script type="text/javascript" src="webcam.js"></script>
<!-- Configure a few settings -->
<script language="JavaScript">
webcam.set_api_url('Foto.php');
webcam.set_quality(75); // JPEG quality (1 - 100)
webcam.set_shutter_sound(true); // play shutter click sound
</script>
<div id="areaFoto">
<!-- Next, write the movie to the page at 320x240 -->
<script language="JavaScript">
document.write(webcam.get_html(320, 240));
</script>
<!-- Some buttons for controlling things -->
<br/><form>
<input type=button value="Configurar" onClick="webcam.configure()">
<input name="Tirar" type=button value="Tirar Foto" onClick="take_snapshot()">
</form>
</div>
<!-- Code to handle the server response (see test.php) -->
<script language="JavaScript">
webcam.set_hook('onComplete', 'my_completion_handler');
function take_snapshot() {
// take snapshot and upload to server
document.getElementById('upload_results').innerHTML = '<h1>Uploading...</h1>';
webcam.snap();
}
function my_completion_handler(msg) {
// extract URL out of PHP output
if (msg.match(/(http\:\/\/\S+)/)) {
var image_url = RegExp.$1;
// show JPEG image in page
document.getElementById('upload_results').innerHTML =
'<input type="text" name="foto_url" value="' + image_url + '" />' +
'<h1>Upload Successful!</h1>' +
'<h3>JPEG URL: ' + image_url + '</h3>';
// reset camera for another shot
webcam.reset();
alert("Upload realizado com sucesso!");
}
else alert("PHP Error: " + msg);
}
</script>
</td><td width=50> </td><td valign=top>
<div id="upload_results" style="background-color:#eee;"> </div>
</td></tr></table>
</body>
</html>
<%
If Request("Tirar") <> "" Then
strSQL = "spu_atualizaCaminhoFotoPerfil '" & Request("CodID") & "', '" & "teste" & "'"
response.write(strSQL)
'response.end
AbreConexao dbConn
dbConn.Execute(strSQL)
End If
%>
Agradeço a atenção!!