cambiar foto

[catpaw]

Que tal!

Como podría hacer para que inmediatamente después de subir una foto, que se supone que es la del perfil del usuario, esta se cambie por la que esta predefinida en la pagina, no se si me explico...

es decir, en mi pagina pongo una foto predefinida, digamos como en el face cuando recien te registras, entonces cuando el usuario la quiera cambiar pues le da cambiar foto y sube la suya...eso ya lo hago bien, pero como hacer que una vez que la subio se quite la predefinida y se ponga la del usuario?

No es si esto van en este foro...espero que si...si no porfavor muevanme al adecuado...

me gustaria que todo esto suceda sin recargar la pagina, solo el div en el que esta la foto...eso si se puede si no pues se agradecen sus aportes, ideas, comentario y/o codigos que me puedan proporcionar...gracias

[InKarC]

Eso toca por Ajax preferiblemente usando este plugin de jQuery
http://www.phpletter.com/Demo/AjaxFileUpload-Demo/

U otra forma podria ser colocar el formulario de subir imagen en un iframe y luego esa pagina abierta en el iframe cuando termina de subir al archivo le envia a la pagina padre la direccion de la imagen (y las instrucciones para colocarla)

[dukeblass]

asi asi simple seria:

Código Javascript:

function ver(){document.getElementById('foto').src=document.getElementById('archivo').value;}
 

Código HTML:

<img src="img_css/og1.jpg" id="foto" width="200" height="100" />
<input id="archivo" name="as" type="file" onChange="ver();">
 

Pero eso no va a funcionar dado la ruta que te da es una falsa (fakepath) por medidas de seguridad una solución es ajax+php sin subir la imagen al servidor
en el javascript con el onChange enviar a una función que llame a ajax este a un php y en cual lea el archivo y obtenga el $_FILES["archivo"]["tmp_name"] lo devuelva y esa sera la url de la imagen y la mostraras y todo ello son subirla al servidos ...XD

te dejo un vinculo de maso menos como es aunque ellos validan que sea una imagen y todo eso.... supongo que eso ya lo tienes así que vete solo a la sección de envió y recolecta de datos

http://www.maestrosdelweb.com/editorial/revisar-las-imagenes-antes-de-subirlas/