Salvar imagem obtida de uma camera ip com javaScript Ou Jquery

Boa tarde!
Tenho o seguinte codigo:

document.getElementById("teste").src.clear;
document.getElementById("teste").src = "http://192.168.0.77:8080/cgi-bin/snapshot.cgi?channel=1&user=admin&pwd=minhaSenha";


teste é id do meu iframe: abaixo uma imagem da camera
gostaria de enviar essa imagem para o php salva-la em banco de dados


de preferencia utilizando Jguery como o código abaixo

var iframe = $("#teste").val();
$.ajax({
url: 'tes.php',
dataType: 'text',
data:{
foto: iframe
},
type: 'GET',
success: function(data){
alert(data);
}
});



quando tento enviar a imagem nao vai
abaixo meu codigo html

<form id="myForm" action="teste.php">
<div id="winTelaFoto" name="winTelaFoto">
<div id='telaFoto' name="telaFoto">
<iframe id="teste" width="500" height="400" src="http://192.168.0.77:8080/cgi-bin/snapshot.cgi?channel=1&user=admin&pwd=minhaSenha"></iframe>
</div>
</div>
</form>