Comment afficher le nom de fichier sélectionné dans un champs du type texte

Résolu/Fermé

Frijo_7715 Messages postés 26 Date d'inscription jeudi 29 octobre 2020 Statut Membre Dernière intervention 24 mars 2023 - 26 déc. 2020 à 14:59
jordane45 Messages postés 38388 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 16 janvier 2025 - 26 déc. 2020 à 15:44

s'il vous plait j'ai créé un script d'upload de fichier et j'ai modifié l'apparence de l'input file en image en j'sais et cas, voici le code que j'ai utilisé.
<img src="mon_image.png" id="image" style="display:block; margin-left:450;">
<input type="file"name="avatar" id="avatar"style="display:none;">
<input type="text"name="filename" id="fname">
<input type="submit"value="envoyer" id="btn" style="height:30px; margin-left:450;">
<script type="text/javascript">
document.getElementById('image').onclick= function() fun()
function fun()
document.getElementById('avatar').click();
.
comme je l'ai dis, je veux que le nom du fichier sélectionné puisse s'afficher dans champs texte que j'ai créé pour que l'utilisateur ait la possibilité de renommer le fichier. s'il. vous plait je suis bloqué, si y a une méthode, ou un cours qui parle de ça, veuillez me l'expliquer ou me donner un lien qui va m'amener à ce cours.

A voir également:

Comment afficher le nom de fichier sélectionné dans un champs du type texte
Comment ouvrir un fichier epub ? - Guide
Comment réduire la taille d'un fichier - Guide
Fichier rar - Guide
Comment ouvrir un fichier docx ? - Guide
Comment faire un fichier pdf - Guide

1 réponse

Réponse 1 / 1

jordane45 Messages postés 38388 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 16 janvier 2025 4 727
26 déc. 2020 à 15:43

Bonjour,

Il me semblait que l'on t'avait déjà demandé d'utiliser les BALISES DE CODE pour poster du code sur le forum !!
Je te remets le lien explicatif ici : https://codes-sources.commentcamarche.net/faq/11288-les-balises-de-code

Pour ce qui est de trouver le nom du fichier se trouvant dans ton champ input file, une simple recherche sur le net t'aurait permis de trouver assez facilement du code comme celui-ci

var fullPath = document.getElementById('avatar').value;
if (fullPath) {
    var startIndex = (fullPath.indexOf('\\') >= 0 ? fullPath.lastIndexOf('\\') : fullPath.lastIndexOf('/'));
    var filename = fullPath.substring(startIndex);
    if (filename.indexOf('\\') === 0 || filename.indexOf('/') === 0) {
        filename = filename.substring(1);
    }
    document.getElementById('fname').value = filename;
}

jordane45 Messages postés 38388 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 16 janvier 2025 4 727
Modifié le 26 déc. 2020 à 22:53

Au passage, pense à clôturer tes anciennes discussions... comme par exemple celle la :
https://forums.commentcamarche.net/forum/affich-36915855-a-quoi-ser-le-mot-de-passe-a-la-base-de-donnees#2

Ainsi que celle la :
https://forums.commentcamarche.net/forum/affich-36981297-comment-mettre-une-page-au-dessus-d-une-autre-en-html

Si tu prends l'habitude de laisser tes discussions sans réponses et sans les fermer... on finira par ne plus te répondre !!

Discussions similaires

comment donner les droits sur fichier partage

Annuaire portable gratuit à partir d'un nom