mostrar nombre después de elegir archivo

[catpaw]

Que tal!

Tengo un formulario de upload de archivos en el cual no tengo problema ya que el proceso se realiza bien, lo que necesito es que despues de darle examinar y que se seleccione el archivo, (muy independiente de que el mismo boton (input file) te muestra el nombre del archivo elegido) yo pueda tomar el nombre del archivo elegido y mostrarlo, esto antes de darle al submit "enviar".

No se si esto se pueda con php, si es posible como seria? no se me ocurre nada...se agradecen sus aportes.

[GatorV]

No se puede, recuerda que PHP se ejecuta en el servidor y solamente tiene los datos hasta que envias la información.

Para hacer eso necesitas usar Javascript, aunque los navegadores modernos bloquean el acceso a esos controles.

Saludos.

[catpaw]

rayos!! lo sospeche, entonces ira a preguntar por alla gracias

Si pudieran mover mejor mi tema a javascript por fis

[dukeblass]

asi asi simple seria:

Código Javascript:

function ver(){
      alert(document.getElementById('archivo').value);
}
 

Código HTML:

<a onClick="ver();">ver</a>
<input id="archivo" name="as" type="file">
 

eso te devuelve una alerta (si as seleccionado un archivo llamado "mi_foto.png" ) asi:
--> C:\fakepath\mi_foto.png

y luego ya tratas esa ruta para que muestres
"as cargado: mi_foto.png"

[catpaw]

hola duckeblass gracias por tu respuesta mira lo que tengo hasta ahora es:

el script que me facilitaste que al dar clic me permite ver el nombre del archivo q se selecciono

Código HTML:

<script>
function ver(){
      alert(document.getElementById('file1').value);
}
</script> 

la parte php que hace el proceso la omitire, pero si necesitan echarle un vistazo la pogo
mi form:

Código HTML:

<form target="dialogo" method="POST" name="importar" action="upload.php" enctype="multipart/form-data" onsubmit="if(document.getElementById('fff').value.length)document.getElementById('loading').style.display='inline'" />
<input type="file" name="file1" id="file1"  />
<br /><a onClick="ver();">ver</a>
<input type="submit" name="enviar_foto" value="Enviar"/>
<br /><img id="loading" src="icons/loader.gif" width="54" height="55" style="display:none" />
<iframe name="dialogo" width="1" height="1" style="visibility:hidden"></iframe>
<div id="mensaje"></div> 
</form> 

ahora te preguntaras que hace ahi una imagen escondida, un iframe escondido y un div, bueno esq para subir el archivo lo hago todo mediante php, pero ocupo un truco (que me encontre en un foro de esta pagina) que mediante estos elementos no se recargue la pagina, simulando ajax pues, aunq eso es lo menos importante.

No entendi bien la parte en la que me dices:

y luego ya tratas esa ruta

como la trato la ruta? como hago para que no tenga que darle clic en ver y el nombre aparezca "por default" al seleccionar el archivo

gracias por sus respuestas

[dukeblass]

No entendi bien la parte en la que me dices:

Cita:
y luego ya tratas esa ruta
como la trato la ruta? como hago para que no tenga que darle clic en ver y el nombre aparezca "por default" al seleccionar el archivo

te puse que trates la ruta, porque te devuelve

--> C:\fakepath\miArchivo.png

y no vas a mostrar eso se vería horrible y el usuario se perdería..........
solo quieres mostrar el miArchivo.png, y lo puedes hacer mediante un split javascript o explode php, separes por barras "\" y obtengas el ultimo dato que seria miArchivo.png.
ahora que si quieres sin el .png también, separas ello por " punto (.)" y borras el ultimo y te quedara solo miArchivo
y muestras al usuario un mensajito con

has seleccionado: miArchivo

para que te aparezca sin darle al ver() utilizas el evento onChange del input file

quedaría si

Código Javascript:

<input type="submit" name="enviar_foto" onChange="ver();" value="Enviar"/>
 

cada ves que se cambie el valor del value ejecutara la función

---------------------
ahora no se eso es lo que me preguntaras u otra cosa

[catpaw]

haaaa

si si ya esq no vi por donde iba el asunto pero ya mas que aclarado...muchas gracias