Texte de la charge locale .fichier txt en html textarea à l'aide de JavaScript
J'ai un <textarea> élément et un bouton qui appelle une loadFile() fonction JavaScript. Je veux que cette fonction pour me permettre de charger le texte à partir d'un .txt fichier sur ma machine locale dans le textarea. Toute aide à ce serait grandement apprécié!
<textareaname="textbox01">Enter text here...</textarea>
Résultat:
function loadFile(){var xmlhttp =newXMLHttpRequest();var url ="file.txt";
xmlhttp.onreadystatechange =function(){if(xmlhttp.readyState ==4&& xmlhttp.status ==200){var myArr = JSON.parse(xmlhttp.responseText);
myFunction(myArr);
console.log("xmlhttp Request Asepted");}}
xmlhttp.open("GET", url,true);
xmlhttp.send();function myFunction(arr){varout="";var i;var row =0;for(i =0; i < arr.length; i++){//console.log( arr[1].data); change data to what every you have in your file//out += arr[i].data + '<br>' + arr[i].data2 ;
document.getElementById("textbox01").innerHTML =out;}}}
Je pense que cela importe le fichier texte à partir d'une url (c'est à dire un serveur) plutôt que sur ma machine locale Vous pouvez utiliser USBWebserver comme un serveur localhost, c'est ce que je fais quand j'ai besoin de faire usage de cookies.
Vous pouvez utiliser le Fichier et FileReader objets de lire des fichiers locaux.
Vous pouvez utiliser un élément input type="file" pour permettre à l'utilisateur de sélectionner un fichier.
Après que l'utilisateur a sélectionné un fichier, vous pouvez obtenir le Fichier d'objet à partir de l'élément d'entrée. Par exemple...
Vous pouvez ensuite utiliser un objet FileReader pour lire le fichier dans la zone de texte. Par exemple...
OriginalL'auteur Bobby Orndorff
J'ai trouvé un vieux topic à ce sujet:
Comment puis-je charger le contenu d'un fichier texte dans une variable javascript?
Avez-vous lu la dernière réponse déjà? Cela fonctionne avec un div au lieu d'une zone de texte, mais vous pouvez adapter un peu le code.
Dans la dernière pièce de la dernière commentateurs post vous pourriez modifier cette ligne:
:
Et dans votre code HTML:
Résultat:
Vous pouvez utiliser USBWebserver comme un serveur localhost, c'est ce que je fais quand j'ai besoin de faire usage de cookies.
OriginalL'auteur iSidle