Come leggere e scrivere il testo in un file usando JavaScript?

In questo articolo, parleremo di come leggere o scrivere testo a un file in JavaScript. Se sei uno sviluppatore JavaScript, sai che non si può salvare un file a livello locale in quanto può creare enormi problemi di sicurezza.

Un altro metodo sarebbe salvare il file sul nostro server. Per questo, dobbiamo passare tutti i dati di testo nel nostro file al nostro server. Successivamente, dobbiamo utilizzare la lingua lato server relative al server a causa della quale saremo in grado di eseguire il codice scritto nel file. Oltre a questo, possiamo anche archiviare il file sul lato client. Un esempio sarebbe usare i cookie per archiviare le informazioni.

JavaScript non ha la possibilità di accedere al file system dell'utente, motivo per cui dobbiamo eseguire il progetto su un server. Per fare questo useremo il nodo.JS che ci aiuterà a utilizzare il suo modulo integrato o la libreria. Possiamo usarlo per fornire un collegamento a download del file di testo per gli utenti

Prerequisito: Come importare una libreria in JavaScript

Nodejs ci fornisce un modulo o una libreria a cui gestisce tutto scrivere Operazioni in JavaScript. È noto come "Browserify-FS". In parole semplici, possiamo dire che "Browserify-FS" è un programma JavaScript in cui tutte le funzioni sono scritte per la scrittura di operazioni.

Installiamo Browserify con il seguente comando:

> NPM Installa Browserify-FS

Quando è installato correttamente, importare il modulo browserify-FS nel programma richiesto. Ora possiamo usare diverse funzioni per scrivere testi o leggere testi da un file.

Scrivi su file

Diamo un'occhiata a un esempio di una funzione che creerà un nuovo file con il nome specificato. Se esiste già un file con quel nome specifico, tutti i suoi dati verranno cancellati e riscritti.

writefile (path_to_file, data_to-be-written, callback_function)

IL Writefile La funzione viene utilizzata per la scrittura di operazioni in nodo; accetta tre diversi parametri come menzionato. Guardiamoli in un po 'di profondità:

Sentiero: Fondamentalmente è la posizione o il percorso relativo al file di testo in cui si desidera creare o riscrivere un file. Possiamo anche solo fornire il nome di un file e il file verrà generato nella stessa cartella del programma.

Dati: I dati scritti nel file vanno qui.

Funzione di callback: Questo parametro è molto utile in quanto per qualche motivo l'operazione non ha scritto i nostri dati, quindi genererà un errore e ci mostrerà l'errore. Ha un argomento in cui possiamo passare la stringa di errore o l'argomento di errore.

Dimostrazione della scrittura di testo in un file ::

Per scrivere testo nel file, in primo luogo, dobbiamo richiedere il "browserify-fs"Modulo che include la definizione della funzione di writeFile () funzione.

// richiedono browserify-fs che include la funzione writefile ()
const fs = requisito ('browserify-fs')

Successivamente, creiamo una variabile con il nome dei dati in cui avremo alcuni dati di stringa a cui vogliamo archiviare in un file.

// un semplice testo da scrivere nel file
let data = "Ciao e benvenuti a LinuxHint.com "

Ora, accedi alla funzione WriteFile, fornisci il nome del file insieme ai dati che si desidera archiviare nel file e scrivere una funzione di callback del gestore di errori come mostrato di seguito:

// scrivendo dati nel file.TXT 'FILE
fs.writefile ('file.txt ', data, (err) =>
// Gestione degli errori usando il lancio
if (err) lancia err;
)

Dopo aver completato il codice per scrivere alcuni dati nel file, lo snippet di codice intero sarà esattamente così:

// richiedono browserify-fs che include la funzione writefile ()
const fs = requisito ('browserify-fs')
// un semplice testo da scrivere nel file
let data = "Ciao e benvenuti a LinuxHint.com "
// scrivendo dati nel file.TXT 'FILE
fs.writefile ('file.txt ', data, (err) =>
// Gestione degli errori usando il lancio
if (err) lancia err;
)

Una volta scritto tutto il codice e quando eseguirai il codice sopra dato, creerà un file nel browser. Ora, verifichiamolo leggendo lo stesso file.

Leggi il file

Ora che abbiamo scritto in un file, leggiamo da un file. La funzione readFile () viene utilizzato quando vogliamo leggere il contenuto di qualche file.

Sintassi:

ReadFile (path_to_file, opzioni, callback_function)

IL readFile () La funzione viene utilizzata per le operazioni di lettura; Accetta anche tre parametri come menzionato sopra. Guardiamoli in un po 'di profondità:

sentiero: Proprio come in writefile (), il parametro del percorso ReadFile () è anche quello di specificare la posizione del file. Supponiamo che lo siamo e che il programma sia nello stesso file, quindi dobbiamo solo specificare il nome del file e non il percorso che vogliamo leggere.

Opzioni: Un parametro/argomento opzionale che specifica i dati che devono essere letti dal file di testo. Viene utilizzato il buffer predefinito, se non viene superato alcun argomento.

Funzione di callback: È la funzione che ha ulteriormente due argomenti diversi. Questi argomenti sono err e dati. Se l'operazione non ha esito positivo nell'estrazione dei dati dal file, allora err mostra qual è l'errore, altrimenti se l'operazione ha esito positivo, l'argomento dati ha i dati dal file.

Dimostrazione del testo di lettura da un file

Utilizzeremo il file file creato di recente "file.TXT".

file.Dati TXT: “Ciao e benvenuto a Linuxhint.com "

Per leggere il testo dal file, in primo luogo, richiederemo il "browserify-fs"Modulo che include la definizione della funzione di readFile () funzione.

// richiedono browserify-fs che include la funzione readfile ()
const fs = requisito ('browserify-fs')

Quindi accederemo al readFile () funzione, fornirgli il nome del file da cui si desidera leggere i dati e scrivere una funzione di callback per la gestione degli errori e la visualizzazione dei dati:

// Lettura dei dati dal file '.TXT 'FILE
fs.ReadFile ('File.txt ', (err, data) =>
// Gestione degli errori usando il lancio
if (err) lancia err;
// che mostra i dati recuperati dal file sulla console
console.registro (dati.accordare());
)

Dopo aver completato il codice per la lettura dei dati dal file, lo snippet di codice intero sarà esattamente così:

// richiedono browserify-fs che include la funzione readfile ()
const fs = requisito ('browserify-fs')
// Lettura dei dati dal file '.TXT 'FILE
fs.ReadFile ('File.txt ', (err, data) =>
// Gestione degli errori usando il lancio
if (err) lancia err;
// che mostra i dati recuperati dal file sulla console
console.registro (dati.accordare());
)

Una volta scritto tutto il codice e quando eseguirai il codice sopra dato, leggerà il file desiderato dal browser e mostrerà tutti i dati sulla console, come mostrato nella schermata indicata di seguito:

Ecco come è possibile leggere/scrivere i dati in un file utilizzando il modulo Browserify-FS in JavaScript.

Conclusione

Scrivere o leggere un file in qualsiasi linguaggio di programmazione è una necessità in quanto possiamo sviluppare piccoli progetti in cui non abbiamo bisogno di database di grandi dimensioni. Quindi utilizziamo i file system per leggere o scrivere i dati su un file. In questo articolo, abbiamo visto come leggere o scrivere testo in un file in JavaScript. Abbiamo usato "Browserify-FS" per raggiungere il nostro compito.

Circa l'autore

Shehroz Azam

Uno sviluppatore JavaScript e appassionato di Linux con 4 anni di esperienza industriale e un comprovato know-how per combinare punti di vista creativi e di usabilità che si traducono in applicazioni Web di livello mondiale. Ho esperienza di lavoro con Vue, React & Node.JS e attualmente lavora sulla scrittura di articoli e sulla creazione di video.

Visualizza tutti i post

Linux suggerimenti LLC, [email protected]
1309 S Mary Ave Suite 210, Sunnyvale, CA 94087
Norme sulla privacy e condizioni d'uso

• « Come installare e configurare Apache Hadoop su Ubuntu
• Come utilizzare il comando IP in Ubuntu »