Importation d'un fichier texte en utilisant HTML5 et JavaScript

Question

Je suis nouveau JavaScript, alors pardonnez-moi si la réponse à cette question est évidente.

Je suis en train de mettre en place une fonction d'importation pour une application web éditeur de texte.

Code Ma est comme suit:

function dataImport() {
    confirm("Are you sure you want to import the selected file? This will overwrite any data that is currently saved in the application workplace.");
    var fileReader = new FileReader();
    window.localStorage.setItem("AppData", fileReader.readAsText(document.querySelector("#import-selector").value));
};

Et il doit être activé par:

<input id="import-selector" type="file" /><button id="import-button" onclick="dataImport();">Import File</button>

Au lieu d'écrire le contenu du fichier à l'localStorage, cependant, il écrit simplement le mot « non défini ». Je prends une sorte d'erreur est arrivé, mais je ne suis pas sûr de ce qu'il est.

Merci d'avance pour toute aide ou des conseils.

Answer 1

Je ne l'ai jamais entendu parler d'un événement lick en HTML. Peut-être que quelque chose de nouveau à HTML5;)

Essayez de changer votre déclencheur onlick="... à onclick="...

Peut-être qui fonctionnera?

---

Maintenant que cela est fixe, essayez cet exemple: Chrome FileReader

je l'ai essayé, et cela fonctionne parfaitement . Elle affiche le contenu du fichier dans la console d'erreur.

Bonne chance!