J'ai une option de téléchargement de fichier comme ça.

<input type="file" name='image1' id='image1'>

Puis, j'ai un bouton qui, en cliquant dessus, exécute la fonction addphotos (). Para est l'identifiant d'un paragraphe.

function addphotos() {
document.getElementById("para").innerHTML=document.getElementById("image1").text;
}

Désormais, lorsque nous téléchargeons un fichier, un nom de fichier s'affiche. par exemple. picture.png Je veux imprimer ce nom de fichier à la position du paragraphe. La fonction ci-dessus ne fonctionne pas. Comment peut-on le faire. Il est également normal que nous puissions stocker ce nom de fichier dans une variable javascript.

2
RaviTej310 18 juil. 2015 à 14:36

2 réponses

Meilleure réponse

Vous cherchez quelque chose comme ça je suppose

// Access first file from the input. More details:
// https://developer.mozilla.org/en/docs/Using_files_from_web_applications
var file = document.getElementById('image1').files[0];

// Process only if file is valid (uploaded)
if (file) {

  // Access file name
  file.name;
}
3
Vitalii Petrychuk 18 juil. 2015 à 12:29

Vous devez mettre à jour depuis

document.getElementById("para").innerHTML=document.getElementById("image1").text;

À

document.getElementById("para").innerHTML=document.getElementById("image1").name;
4
Nikhil Aggarwal 18 juil. 2015 à 11:37