web-dev-qa-db-fra.com

Comment obtenir le nom de fichier depuis le FileReader Javascript?

J'utilise Javascript FileReader pour charger une image dans le navigateur:

e = e.originalEvent;
e.dataTransfer.dropEffect = 'copy';
this.documentFile = e.dataTransfer.files[0];

var reader = new FileReader();
reader.onloadend = function () {
    if (reader.result) {
        console.log(reader);
        $('#theImage').attr('src', reader.result);
    }
};
reader.readAsDataURL(this.documentFile);

Cela fonctionne bien. Je veux maintenant obtenir le nom de fichier d'origine de l'image, mais je n'ai aucune idée de comment et en regardant sur Internet, je ne trouve rien non plus?

Quelqu'un sait-il comment obtenir le nom de fichier via FileReader? Tous les conseils sont les bienvenus!

20
kramer65

Ce n'est probablement pas la meilleure solution, MAIS cela a fonctionné pour moi.

var reader = new FileReader();
reader.fileName = file.name // file came from a input file element. file = el.files[0];
reader.onload = function(readerEvt) {
    console.log(readerEvt.target.fileName);
};

Pas la meilleure réponse, mais une réponse qui fonctionne.

31
Phreak Nation