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

Résolu

Sinistrus Messages postés 1010 Date d'inscription Statut Membre Dernière intervention -
ookahh1 Messages postés 61 Date d'inscription Statut Membre Dernière intervention - 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.

Afficher la suite

A voir également:

Récupérer la valeur d'un élément file
Comment recuperer un message supprimé sur whatsapp - Guide
.Bin file - Guide
Host file - Guide
.Dat file - Guide
Comment récupérer un compte facebook piraté - Guide

10 réponses

Réponse 1 / 10

supernico Messages postés 513 Date d'inscription Statut Membre Dernière intervention 193

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é)

Réponse 2 / 10

supernico Messages postés 513 Date d'inscription Statut Membre Dernière intervention 193

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 3 / 10

supernico Messages postés 513 Date d'inscription Statut Membre Dernière intervention 193

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 ;) )

Réponse 4 / 10

Sinistrus Messages postés 1010 Date d'inscription Statut Membre Dernière intervention 17

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

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

Posez votre question

Réponse 5 / 10

Sinistrus Messages postés 1010 Date d'inscription Statut Membre Dernière intervention 17

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 ?

Réponse 6 / 10

Sinistrus Messages postés 1010 Date d'inscription Statut Membre Dernière intervention 17

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

Réponse 7 / 10

supernico Messages postés 513 Date d'inscription Statut Membre Dernière intervention 193

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;
	}

ookahh1 Messages postés 61 Date d'inscription Statut Membre Dernière intervention 1

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

Réponse 8 / 10

Sinistrus Messages postés 1010 Date d'inscription Statut Membre Dernière intervention 17

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 ?

Réponse 9 / 10

Sinistrus Messages postés 1010 Date d'inscription Statut Membre Dernière intervention 17

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à ?

supernico Messages postés 513 Date d'inscription Statut Membre Dernière intervention 193

directement là, et vu l'heure c'était un peu difficile d'activer les neurones ! ^^

Réponse 10 / 10

Sinistrus Messages postés 1010 Date d'inscription Statut Membre Dernière intervention 17

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

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

Discussions similaires

Colis shein terminal fret

Votre réponse

Discussions similaires