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

Résolu/Fermé
Sinistrus Messages postés 1017 Date d'inscription mercredi 12 décembre 2007 Statut Membre Dernière intervention 6 juin 2023 - Modifié par Sinistrus le 27/08/2011 à 23:59
ookahh1 Messages postés 61 Date d'inscription lundi 11 octobre 2010 Statut Membre Dernière intervention 2 octobre 2013 - 29 avril 2013 à 21:35
Bonjour,

Comment je peux récupérer instantanément la valeur d'un élément file svp ?
<input type="file" name="fileField" id="label_Parcourir" />

en php ou javascript peux importe.

A voir également:

10 réponses

supernico Messages postés 513 Date d'inscription dimanche 30 décembre 2007 Statut Membre Dernière intervention 20 novembre 2011 193
28 août 2011 à 01:12
Ah ! alors j'ai ça pour toi :

<input type="file" name="fileField" id="label_Parcourir" onchange="displayfilename(this);" />
</br>
<div id="there"></div>
<script type="text/javascript">
	function displayfilename(input)
	{
		document.getElementById('there').innerHTML = input.value;
	}
 </script>


Par contre sous Firefox tu ne verras que le nom du fichier et pas le path complet (politique de sécurité)
7
supernico Messages postés 513 Date d'inscription dimanche 30 décembre 2007 Statut Membre Dernière intervention 20 novembre 2011 193
28 août 2011 à 01:41
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 ^^
5
supernico Messages postés 513 Date d'inscription dimanche 30 décembre 2007 Statut Membre Dernière intervention 20 novembre 2011 193
28 août 2011 à 00:03
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 ;) )
0
Sinistrus Messages postés 1017 Date d'inscription mercredi 12 décembre 2007 Statut Membre Dernière intervention 6 juin 2023 17
28 août 2011 à 00:07
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
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Sinistrus Messages postés 1017 Date d'inscription mercredi 12 décembre 2007 Statut Membre Dernière intervention 6 juin 2023 17
28 août 2011 à 00:28
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 ?
0
Sinistrus Messages postés 1017 Date d'inscription mercredi 12 décembre 2007 Statut Membre Dernière intervention 6 juin 2023 17
28 août 2011 à 01:15
C'est exactement ça et firefox à raison.
Peut-on le faire aussi pour les autres navigateurs ? ne pas afficher le chemin complet ?
0
supernico Messages postés 513 Date d'inscription dimanche 30 décembre 2007 Statut Membre Dernière intervention 20 novembre 2011 193
28 août 2011 à 01:31
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;
	}
0
ookahh1 Messages postés 61 Date d'inscription lundi 11 octobre 2010 Statut Membre Dernière intervention 2 octobre 2013 1
29 avril 2013 à 21:35
slt moi je voudrais recupérer la valeur de mon input de type =file pour l'inserer dans ma base de données . Comment faire? Merci
0
Sinistrus Messages postés 1017 Date d'inscription mercredi 12 décembre 2007 Statut Membre Dernière intervention 6 juin 2023 17
28 août 2011 à 01:34
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 ?
0
Sinistrus Messages postés 1017 Date d'inscription mercredi 12 décembre 2007 Statut Membre Dernière intervention 6 juin 2023 17
28 août 2011 à 15:00
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à ?
0
supernico Messages postés 513 Date d'inscription dimanche 30 décembre 2007 Statut Membre Dernière intervention 20 novembre 2011 193
28 août 2011 à 15:14
directement là, et vu l'heure c'était un peu difficile d'activer les neurones ! ^^
0
Sinistrus Messages postés 1017 Date d'inscription mercredi 12 décembre 2007 Statut Membre Dernière intervention 6 juin 2023 17
29 août 2011 à 01:14
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
../../../../
0