Comment afficher le nom de fichier sélectionné dans un champs du type texte [Résolu]

Signaler
Messages postés
9
Date d'inscription
jeudi 29 octobre 2020
Statut
Membre
Dernière intervention
11 janvier 2021
-
Messages postés
31042
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
16 janvier 2021
-
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.

1 réponse

Messages postés
31042
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
16 janvier 2021
3 182
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;
}

Messages postés
31042
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
16 janvier 2021
3 182
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 !!