asi asi simple seria:
Código Javascript
:
Ver originalfunction ver(){document.getElementById('foto').src=document.getElementById('archivo').value;}
Código HTML:
Ver original<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/