Maison > interface Web > Questions et réponses frontales > Comment écrire un fichier txt en javascript

Comment écrire un fichier txt en javascript

WBOY
Libérer: 2023-05-09 20:18:38
original
4265 Les gens l'ont consulté

En tant que langage de développement front-end, JavaScript est largement utilisé dans le développement Web. Parmi elles, les opérations de lecture et d'écriture de fichiers sont une partie inévitable du développement, car dans de nombreux scénarios, il est nécessaire d'écrire certaines données dans des fichiers locaux pour faciliter leur traitement et leur utilisation ultérieurs. Cet article explique comment utiliser JavaScript pour écrire des fichiers txt.

1. Créer un fichier txt

Pour écrire un fichier, nous devons d'abord créer un fichier txt. Ceci peut être réalisé grâce au code suivant :

var content = "这是要写进txt文件的内容";
var blob = new Blob([content], {type: "text/plain;charset=utf-8"});
saveAs(blob, "newfile.txt");
Copier après la connexion

Le code ci-dessus définit d'abord un contenu variable de type chaîne pour enregistrer le contenu à écrire dans le fichier. Ensuite, nous le convertissons en instance Blob via l'objet Blob et définissons le type comme "text/plain;charset=utf-8", indiquant que le contenu est de type texte et que le format d'encodage est "UTF-8". Enfin, enregistrez l'instance Blob créée avec le nom de fichier « newfile.txt » via la fonction saveAs().

2. Écrivez les données dans le fichier txt

Après avoir le fichier txt, nous pouvons utiliser JavaScript pour écrire des données dans le fichier. Pour atteindre cet objectif, nous devons utiliser l'objet FileWriter. Il existe une fonction write() dans l'objet FileWriter, qui peut être utilisée pour écrire des données dans le fichier spécifié.

Ce qui suit est un exemple simple montrant comment écrire des données dans un fichier txt déjà créé.

var file = new File(["这是初始内容"], "newfile.txt", {type: "text/plain;charset=utf-8"});
var writer = new FileWriter();

writer.write("这是写入的内容");
writer.save(file);
Copier après la connexion

Le code ci-dessus définit d'abord un objet File nommé file, le type est "text/plain", la méthode d'encodage est "UTF-8", le nom de fichier est "newfile.txt" et contient le contenu initial "This est le contenu initial ". Ensuite, nous définissons un objet FileWriter nommé écrivain et écrivons un nouveau contenu dans le fichier via la fonction write() "Ceci est le contenu écrit". Enfin, nous utilisons la fonction save() pour stocker le contenu dans le fichier que nous venons de définir.

3. Expansion : utilisez l'API File pour créer un fichier txt

Dans l'exemple précédent, nous avons utilisé une instance Blob et un objet File pour créer un fichier txt. Cependant, si vous ne souhaitez pas créer le fichier txt manuellement, vous pouvez également utiliser une API de fichier pour le créer.

function createFile() {
    var file = new File([""], "newfile.txt", {type: "text/plain;charset=utf-8"});
    return file;
}
Copier après la connexion

Dans le code ci-dessus, nous définissons une fonction createFile(), qui renverra un fichier vide nommé "newfile.txt", tapez "text/plain" et la méthode d'encodage "UTF-8". Il suffit de renseigner les données que nous souhaitons stocker dans le fichier.

4. Résumé

Cet article explique comment utiliser JavaScript pour implémenter des opérations de lecture et d'écriture sur des fichiers txt, notamment la création de fichiers txt, l'écriture de données dans des fichiers txt, etc. Dans le même temps, nous avons également appris les objets et fonctions couramment utilisés dans l'API File. J'espère que cet article pourra vous inciter à apprendre les opérations sur les fichiers JavaScript.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal