Evento input file con javascript

[carlos__333]

Bien lo que deseo hacer es cambiar el src de una img en base a una imagen q cargue un input file hice esto pero creo q esta tomando es los valores de un archivo temporal o fakepath... este es mi codigo

Código HTML:

<div class="dinamic-form-img">
         	<div class="dinamic-img"><img src="../src/Img/paneldecontrol-36.png" name="currentImg" width="195" height="354" id="currentImg">Imagen 293x612</div>
 			<div class="dinamic-file">
                <img src="../src/Img/paneldecontrol-22.png" width="23" height="23" style="position:absolute; left: 3px; top:20px;" />
                <legend style=" position:relative;left:25px; top:20px;" >Cargar</legend>
 				<input type="file"  name="dir_pub" id="dir_pub" style="width:29px; height:29px; z-index:2; opacity:0; " />
        </div> 

la funcion de javascript q estoy usando es super sencilla es esta

Código:

					 $('#dir_pub').change(function(){
							$('#currentImg').attr('src',$('#dir_pub').val());
					});

a ver si alguien tiene otra idea o algo