Comment charger des données à partir d'un fichier texte dans une variable en javascript

Question

J'essaie juste de faire quelque chose d'aussi simple. Tout ce que je veux faire est de charger le contenu d'un fichier texte dans une variable. Le fichier texte est seulement une ligne et est toujours une chaîne. Je sais qu'il ya d'autres sujets posent la même question, mais à partir de maintenant, la réponse la plus proche, je l'ai obtenu est ceci:

var client = new XMLHttpRequest(); 
client.open('GET', '/foo.txt'); 
client.onreadystatechange = function() { 
    alert(client.responseText); 
} 
client.send(); 

Le problème est que je suis en train de charger les informations dans une variable. Ne l'envoie pas en tant qu'alerte. J'ai essayé ceci:

var string; 
var client = new XMLHttpRequest(); 
client.open('GET', '/foo.txt'); 
client.onreadystatechange = function() { 
    string = client.responseText; 
} 
client.send(); 

Cela ne fonctionne pas non plus.

Ce n'est pas un doublon de this post, car ce post est axé sur Ajax, et ne répond pas réellement comment importer l'information. Je n'utilise pas Ajax. Je veux que l'information du fichier soit utilisable ailleurs dans le programme.

Answer 1

il est évident que vous essayez de faire une requête HTTP à l'ordinateur local de l'utilisateur et pour des raisons évidentes - les navigateurs ne le permettent pas! d'autres pirates seraient capables de lire tout le contenu d'un lecteur C d'un utilisateur s'ils le voulaient - ou pire!

Donc - vous devez télécharger le fichier! à savoir <input type="file" id="uploadFile" /> Cocher cette JSFiddle, utilisez le onChange event of the input to read the file

Pour une situation similaire, je télécharger des fichiers sur le serveur et utilisé PHP/C# (ne me rappelle plus du haut de ma tête) qui retourne les données requises - ce fait les choses sont un peu plus faciles - le serveur recevrait le fichier et validerait, extrairait les informations requises et ne renverrait que les données requises - bien que cela semble plus de travail côté serveur - ce qui est un peu plus que vous pouvez prévoir pour réduire la quantité de code javascript que vous pourriez avoir à écrire.