Récupérer la valeur d'un élément file

Allez je suis joueur :

<input type="file" name="fileField" id="label_Parcourir" onchange="displayfilename(this);" />
</br>
<div id="there"></div><img id="extension" src="" />
<script type="text/javascript">
function displayfilename(input)
{
	filename = input.value;
	filename = filename.substring(filename.lastIndexOf('\\')+1); // Windows path
	filename = filename.substring(filename.lastIndexOf('/')+1); // Linux path
	document.getElementById('there').innerHTML = filename;
	extension = filename.substring(filename.lastIndexOf('.')+1);
	image = "unknown.gif";
	switch(extension)
	{
		case "docx":
			image = "docx.gif";
			break;
		case "doc":
			image = "doc.gif";
			break;
		case "txt":
			image = "txt.gif";
			break;
		default:
			break;
	}
	document.getElementById('extension').src = image;
}
 </script>

Mais maintenant DODO ^^

réponse ici :

https://www.phpfacile.com/apprendre_le_php/upload_de_fichier

(n'oublie pas de mettre en résolu si ça te suffit, sinon pose-nous des questions ;) )

Merci supernico,

N'y a t-il pas moyen que lorsque je clique sur l'élément file et sélectionne mon fichier, le texte affiché dans celui-ci s'affiche dans une div juste en dessous ?

<input type="file" name="fileField" id="label_Parcourir" />
</br>
<div id=""></div>

C'est en fait dans la même page que je souhaite l'affichage de celui-ci :s

http://img11.hostingpics.net/pics/583647Image.jpg
Voici un exemple de ce que je souhaite.

L'élément file à été modifié grâce à un css, une fois que je sélectionne un fichier, disons "Image_du_monde.gif" celui-ci s'affiche dans ma page instantanément.

Comment faire svp ?

C'est exactement ça et firefox à raison.
Peut-on le faire aussi pour les autres navigateurs ? ne pas afficher le chemin complet ?

voilà qui devrait supprimer le chemin du fichier et ne garder que le nom :

function displayfilename(input)
	{
		filename = input.value;
		filename = filename.substring(filename.lastIndexOf('\\')+1); // Windows path
		filename = filename.substring(filename.lastIndexOf('/')+1); // Linux path
		document.getElementById('there').innerHTML = filename;
	}

Superbe ! Trop fort supernico.
Dis moi, si je voulais évoluer le script et afficher l'image de l'extension, genre pour .doc ou docx, une image nommée doc.png ou docx.png, c'est faisable ?

Superbe code ! Il est magique.
Grand merci a toi supernico !
Dis moi, tu les avais déjà chez toi ces codes ou tu les as fais directement là ?

Dis moi supernico, dans le code java, comment je peux mettre un code php ?

function displayfilename(input){
filename = input.value;
filename = filename.substring(filename.lastIndexOf('\\')+1); // Windows path
filename = filename.substring(filename.lastIndexOf('/')+1); // Linux path
document.getElementById('there').innerHTML = filename;
extension = filename.substring(filename.lastIndexOf('.')+1);
image = "<?php (DOSSIER_ADMIN); ?>" + "/images/icones_fichiers/inconnu.png";
switch(extension){
case "accdb": image = "../../../../images/icones_fichiers/accdb.png"; break;

Je voudrais ajouter

<?php (DOSSIER_ADMIN); ?>

à la place de

../../../../