Comment récupérer le nom, taille et type d’un fichier en JavaScript

Avant d’envoyer le fichier au serveur pour l’upload, il est toujours important de valider le fichier, en utilisant JavaScript, vous pouvez facilement obtenir des informations sur le fichier et les valider côté client. La ligne de code suivante vous aidera à obtenir le nom du fichier, sa taille, son type et sa date de modification.
 
 

Récupérer le nom du fichier en JavaScript:
document.getElementById('myFile').files[0].name

 

Récupérer la taille du fichier en JavaScript:
document.getElementById('myFile').files[0].size

 

Récupérer le type du fichier en JavaScript:
document.getElementById('myFile').files[0].type

 

Récupérer la date de modification du fichier en JavaScript:
document.getElementById('myFile').files[0].lastModifiedDate

 
Vous pouvez utiliser le code suivant pour récupérer le nom, la taille et le type du fichier après avoir sélectionné un fichier.
 

HTML
<input type="file" id="myFile" onchange="getFileInfo()"/>

 

JavaScript
function getFileInfo(){
    var name = document.getElementById('myFile').files[0].name;
    var size = document.getElementById('myFile').files[0].size;
    var type = document.getElementById('myFile').files[0].type;
    var date = document.getElementById('myFile').files[0].lastModifiedDate;
    
    var info = name+" "+size+" "+type+" "+date;
    alert(info);
}
QCM JavascriptQCM Javascript – Partie 1QCM sur Javascript avec des réponses pour la préparation des tests techniques, des tests en ligne, aux examens et aux certifications. Ces questions et réponses…Lire plus
Partagez cet article

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *