Salvar Imagem montada no Banco

[Francisca2010 0]

Olá sou nova no fórum estou com dificuldade em adicionar 2 img que formam a montagem de 1 só,

como faco para salvar no Banco esses dados pegos com meu Script abaixo ?

       var adicionou1 = false;
        $("slide1").click(function(event) {
            var img = $(this).find('img');
            if(!adicionou1){
                $("#divileft img").attr("src",img.attr("src"));
                adicionou1 = true;
            }
            else{
                $("#divright img").attr("src",img.attr("src"));
            }                
        });

 

[fabricioserralvo 5]

O que você quer salvar no banco? Você pode fazer uma requisição ajax e enviar para seu serverside o caminho da imagem e lá tratar.

[Francisca2010 0]

Vou tentar explicar novamente, seguinte eu tenho 2 Imagens correto ?

 

esse script ai ele pega essas 2 imagens e forma 1 só correto ?

como faço para salvar essa 1Imagem no Banco :)

[fabricioserralvo 5]

No caso vc continua tendo duas imagens, e, em seu banco de dados você irá salvar o caminho da imagem não a imagem em si.

[Francisca2010 0]

como posso proceder pode me ajudar Fabrício ?

 

 

Meninos alguem sabe ?

[William Bruno 1501]

é só enviar um ajax, com as suas imagens

 

http://api.jquery.com/jQuery.ajax/

 

ai lá no teu server-side vc salva no banco.

[Francisca2010 0]

William me desculpe so meio novata na area nao consegui achar ainda no site que me passou nao consegue simular um exemplo com o code que passei ?

[William Bruno 1501]

preciso entender qual a sua dúvida.

 

vc vai usar qual linguagem server-side ? php, asp, ruby ?

Sabe salvar no banco de dados com uma dessas linguagens?

[Francisca2010 0]

Php sim estou a caminho ... :)

 

 

Só nao sei como pegar os dados carregados nas 2 divs e salvar

 

 

 

 

?

[casipe 10]

Se você quer guardar o nome do arquivo:

Tente recuperar o nome da imagem no input oculto <input type="hidden" name="img" id="img-input">.

 

Exemplo:

 

<script>

var img = $("#divright img").val();

$("#img-input").val(img);

</script>

Assim você poderá pegar este dado no php com $_POST['img'] .

[Francisca2010 0]

Boa tarde, Casipe muito obrigado, eu fiz assim so que ainda não mostrou como e onde coloco esse Imput ?

<?php

$pegar = $_POST['$img'];

echo 'TESTE ' . $pegar;

?>

 

<script>
var img = $("#divright img").val();
$("#img-input").val(img);
</script>

Minha div onde estao guardas as imagens sao essas :

 

   <div id="monte2">
                <img src="geral/images/forma.png" height="123" width="131" src=""/>
                <div id="divleft"><img  /></div>
                <div id="divright"><img /></div>    

            </div>

[William Bruno 1501]

assim, por exemplo:

  var adicionou1 = false;
        $("slide1").click(function(event) {
            var img = $(this).find('img');
            if(!adicionou1){
                $("#divileft img").attr("src",img.attr("src"));
                adicionou1 = true;
            }
            else{
                $("#divright img").attr("src",img.attr("src"));

			/* enviando um ajax */
			jQuery.ajax({
				type: "POST",
				url: "processa.php",
				data: 'left=' +  $("#divileft img").attr("src") + '&right=' + $("#divright img").attr("src"),
				success: function( data )
				{
					alert( data );
				}
			});


            }                
        });

isso vai enviar um ajax para o arquivo processa.php com 2 variaveis $_POST['left'], e $_POST['right']

 

ai vc grava no teu banco.

[Francisca2010 0]

Ta bom vou apanhar um pouquinho aqui, desde ja obrigado jaja retorno .

Willian quando eu mandar para o banco vai ser tabela so ou duas ex : Banco "montagem" tabela DIVLEF e DIVRIGHT ?

ou crio uma tabela só chamada "montada" ?

dai crio um Submit para enviar ?

[Francisca2010 0]

Willian eu achei um exemplo como posso implementar ele

 

<?php
if(isset($_POST['enviar'])){
$Sqlinserir = mysql_query("INSERT INTO venda (valor) VALUES ('$total')");
$IdVenda = mysql_insert_id($SqlInserir);
$SqlInserirItens = mysql_query("INSERT INTO intensvenda(idVenda, IdProd, Qtd) VALUES('$IdVenda', '$ProdInsert', '$Qtd')");
 echo'<script>alert("Venda ok")</script>';
}
?>
<input align="right" type="submit" name="enviar" value="Finalizar" />    

[casipe 10]

Se você quer guardar o nome do arquivo:

 

Tente recuperar o nome da imagem no input oculto <input type="hidden" name="img" id="img-input">.

 

Exemplo:

 

<script>

var img = $("#divright img").val();

$("#img-input").val(img);

</script>

 

Assim você poderá pegar este dado no php com $_POST['img'] .

 

Voce irá colocar o input referido no formulário que deseja enviar.

[Francisca2010 0]

Entao, nao seria so o Script e outra classe precessa.php que teria que fazer como Willian informou ?

[casipe 10]

Usando o exemplo de William Bruno:

 

Você coloca <input type="hidden" name="imagem" id="img-input"> no seu formulário, ou seja, no seu arquivo html

var adicionou1 = false;
        $("slide1").click(function(event) {
            var img = $(this).find('img');
            if(!adicionou1){
                $("#divileft img").attr("src",img.attr("src"));
                adicionou1 = true;
            }
            else{
                $("#divright img").attr("src",img.attr("src"));



                        //AQUI ESTÁ ATRIBUINDO AO INPUT O VALOR DA IMAGEM,
                        //POIS ASSIM VC PEGARÁ NO PHP COM A 
                        //VARIÁVEL GLAOBAL "$_POST['imagem']" 
                        var img = $("#divright img").val();
			$("#img-input").val(img); 


			/* enviando um ajax */
			jQuery.ajax({
				type: "POST",
				url: "processa.php",
				data: 'left=' +  $("#divileft img").attr("src") + '&right=' + $("#divright img").attr("src"),
				success: function( data )
				{
					alert( data );
				}
			});


            }                
        });

[Francisca2010 0]

Casipe acho que entendi, o input como faço para enviar para o Banco agora os dados coletados ?

[casipe 10]

Quando você enviar os dados do formulario para o aquivo php, nele vc pegar com $_POST:

 

Ex.: se você quer pegar o valor de um input que tem o name="foto", no php você declara $foto = $_POST['foto'];

[Francisca2010 0]

Entendi no meu caso nao tenho formulario as minhas imagens vao parar aqui dentro, tá nesse caso como que eu pego o valor

que esta dentro da minha tag em destaque e mando via POST ?

 

<div id="monte2">
                <img src="geral/images/forma.png" height="123" width="131" src=""/>
                <div id="divleft"><img  /></div>
                <div id="divright"><img /></div>    
</div>