0

Estou fazendo um sistema de upload de fotos e ele bugou! Quando adiciono a primeira foto vai tudo bem, mas se tento trocar a foto denovo ele não faz mais a ação padrão...

JSFiddle

<div id="exibirfoto"><img src="$row[foto]" id="exibirfoto2"><div id="exibirfoto3">ALTERAR FOTO</div></div>
<form action="uploadfoto.php" method="post" enctype="multipart/form-data" id="uploadfotoform">
<input name="uploadfoto" id="uploadfoto" type="file" />
</form>
<script>
$(document).ready(function(event) {
    var options = {
    success: function(data) 
    {
    alert(data);
    }
    };
$("#uploadfotoform").ajaxForm(options);
});

$("#exibirfoto3").click(function() {
$("#uploadfoto").click();
});

$("#uploadfoto").change(function() {
var file = $("#uploadfoto").get(0).files[0].name;
$("#uploadfotoform").submit();
$("#exibirfoto").html("<img src='" + file + "' id='exibirfoto2'><div id='exibirfoto3'>ALTERAR FOTO</div>");
});
</script>

1 Resposta 1

3

Consegui resolver alterando o caminho da foto ao invés de alterar o html...(antepenúltima linha)

$("#exibirfoto2").attr("src", file);

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .