Carregar Imagem Dentro de Uma Div

[Ecos 0]

Galera.

Eu procurei no Google, mas só consigo achar como carregar PÁGINA no meio de DIV, mas não imagem.

Por exemplo:

 

Eu tenho um botão "Inserir Foto", quando clico nele abro um formulário onde tem um campo FILE para buscar a foto.

Agora é a questão. Quero clicar no botão "Enviar Foto" e carregar esta Maldita Foto dentro da Div.

 

ComoFas ?

 

Detalhe: Eu abro esse FORM dentro de outra Janela, 300 X 300 como se fosse um PopUP.

 

Nhá! Me ajudem.

[William Bruno 1501]

ajax não envia arquivo

 

use um iframe

[Ecos 0]

Deu vontade de te xingar agora.

 

E como eu usaria um iframe ? :FacePalm:

[mad.onion 0]

Ecos, ele quis dizer pra você redirecionar a ação do form para um iFrame (invisível). De fato, não dá pra enviar arquivos via Ajax, mas dá pra fazer essa gambizinha, hehehe.

 

Quando o formulário com o arquivo é enviado, o resultado vai aparecer num iFrame, mas como ele estará invisível, o usuário não vai vê-lo. Para isso, use o atributo target do Form.

 

[]s

[Ecos 0]

Mas eu quero ver a foto. Quero que logo quando carregá-la mostre em uma DIV, o que se faz no ORKUT e FaceBook!

[mad.onion 0]

Sim, é isso que estamos falando. Dê uma olhada nesse simples exemplo aqui, acho que vai te ajudar a fazer o que você quer:

 

http://www.openjs.com/articles/ajax/ajax_file_upload/

 

[]s

[Ecos 0]

Ué

Eu carreguei a foto no baguá e imprimiu código no iFrame !!ONZE11!

[mad.onion 0]

Ué

Eu carreguei a foto no baguá e imprimiu código no iFrame !!ONZE11!

 

Não aparece código, aparece uma mensagem que a imagem foi carregada, isto é, deu certo. O resto é contigo, pense um pouquinho.

 

[]s