Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Biel.

Selecionar imagem no 1º input e carregar automaticamente a mesma image

Recommended Posts

Pessoal, quero muito fazer algo diferente tipo:
Gostaria que ao selecionar uma imagem no 1º input essa mesma imagem que selecionei no 1º input carregasse automaticamente no 2º input.
A ideia é não precisar ir no 2º input buscar a mesma imagem.
Como não entendo nada de javascript, estou apanhando feito louco
O codigo abaixo funciona normalmente e o resultado do cadastro é este
tab_aprendiz
id imagem_a                   imagem_b 
1   A18895556e6e1c3de59.jpg   B12124556e6e1c3e196.jpg 

...

<?php
$editFormAction = $_SERVER['PHP_SELF'];

$tmp_name_a = $_FILES['imagem_a']['tmp_name'];  
$pasta_a     = "../upload_das_imagens";
$imagem_a   = $_FILES['imagem_a']['name']; 
$imagem_a   = 'A'.uniqid(rand()).'.jpg';
move_uploaded_file($tmp_name_a, "$pasta_a/".$imagem_a);


$tmp_name_b = $_FILES['imagem_b']['tmp_name']; 
$pasta_b     = "../upload_das_imagens";
$imagem_b   = $_FILES['imagem_b']['name']; 
$imagem_b   = 'B'.uniqid(rand()).'.jpg';
move_uploaded_file($tmp_name_b, "$pasta_b/".$imagem_b);

			
$sql = mysql_query ("INSERT INTO tab_aprendiz (imagem_a, imagem_b) VALUES ('".$imagem_a."' , '".$imagem_b."') ");

echo "ok";

?>

<form action="<?php echo $editFormAction; ?>" method="post" name="form1" id="form1" enctype="multipart/form-data" >

1º <input type="file" name="imagem_a" size="60"  /><br /><br />
2º <input type="file" name="imagem_b" size="60"  /><br /><br />

<input type="submit" name="botaocss" value="Cadastrar" />
   
</form>

...

<script>
(function(document){
  'use strict';
  var $imagem_a = document.querySelector('select[name="imagem_a"]');
   var   $imagem_b = document.querySelector('select[name="imagem_b"]');

  var mapA = {
    'dd': 'ddd'

  };


  function selected($select, value) {
    var $options = $select.getElementsByTagName('option');


    for(var i=0; i < $options.length; i++) {
      if ($options[i].value === value) {
        return $options[i].selected = true;
      }
    }
  }

  $imagem_a.addEventListener('change', function(){
    var v = this.value;
    selected($imagem_b, mapA[this.value]);
  });

}(document));
</script> 

Compartilhar este post


Link para o post
Compartilhar em outros sites

Isso não é possível e não é necessário.

Faça a cópia no php, e não no js.

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.