Ir para conteúdo

POWERED BY:

Arquivado

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

DaniloTec

Carregar Imagem Enviada Por Form

Recommended Posts

Boa tarde a todos.

 

Estou com o seguinte problema:

Tenho um form principal com dados e uma foto de um funcionário. Esse form (foto e dados) pode ser alterado pelo usuário a qualquer momento e gostaria que ocorrece da seguinte forma:

- Quando o usuário clicar em "Alterar foto" um nova janela é aberta com o formulário e o campo "FILE" para que ele possa selecionar a imagem.

- Ao clicar em "Confirmar", quero que essa imagem seja carregada no form anterior sobrepondo uma que já existe.

- Essa imagem que já existe consta em um diretório no servidor, porém ela não será apagada e nem sobreposta. Tudo deve ser feito no cliente.

- A foto e/ou os dados só serão definitivamente atualizados no servidor quando ele clicar em "Enviar" do form principal.

 

Eu já tenho tudo pronto, os forms, o código para upload, porém não sei como carregar essa imagem na navegador quando o usuário clicar em "confirmar", nem tão pouco como armazenar as informações da imagem (caminho,nome) no form para fazer o upload quando o usuário clicar em "Enviar".

 

Sei que isso que eu disse parece muito confuso mas não sei como me expressar melhor. rsrsrs

 

Sabem como fazer isso?!

 

Grato.

Compartilhar este post


Link para o post
Compartilhar em outros sites

E ai beleza.

 

Isso é só para dar uma orientada.

 

 

<html>

<script language ="Javascript">

function trocar()

{

formulario.imagem.src = formulario.busca.value;

}

</script>

<body>

<form name="formulario">

<img name="imagem" src="images.jpg" width="200" height="200" border="0">

<p>

<input type="file" name="busca" value="Buscar" onChange="trocar()">

</body>

</html>

 

Até

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.