Base64 è un binario-testo sistema di codifica che converte i dati binari in un file radice-64 rappresentazione e quindi la codifica come an Stringa ASCII . Viene spesso utilizzato per archiviare dati in file e inviare dati su Internet. Con funzioni e moduli JavaScript nativi, i dati Base64 possono essere facilmente codificati e decodificati.
In questo articolo discuteremo come decodificare i dati Base64 in JavaScript, trattando i seguenti argomenti:
- Cos'è Base64?
- Come decodificare i dati Base64 in JavaScript utilizzando le funzioni integrate
- Come decodificare i dati Base64 in JavaScript utilizzando una libreria di terze parti
- Migliori pratiche per l'utilizzo di Base64 in JavaScript
1. Cos'è Base64?
UN binario-testo sistema di codifica chiamato Base64 visualizza i dati binari come Stringhe ASCII . Si ottiene convertendo i dati binari in una rappresentazione nota come radice-64 , che impiega un insieme di 64 caratteri per rappresentare i dati binari. IL 26 maiuscolo E minuscolo lettere del alfabeto inglese , IL 10 numeri e tra questi caratteri ci sono due caratteri aggiuntivi che differiscono a seconda dell'implementazione. Il blocco dati finale viene riempito con zeri se è inferiore a 6 bit, rendendolo quindi 6 bit completi.
La codifica Base64 utilizza 6 bit per carattere per rappresentare i dati binari originali. I dati sono suddivisi in Pezzi da 6 bit e codificato in Base64 e ogni blocco è rappresentato da un carattere del set di caratteri Base64. Se l'ultimo blocco di dati è inferiore a 6 bit, viene riempito con zeri per renderlo composto da 6 bit completi.
Base64 è comunemente utilizzato per la trasmissione di dati su Internet e l'archiviazione di dati in file. Ad esempio, viene utilizzato negli allegati e-mail, nelle immagini HTML e nei token Web JSON (JWT).
2. Come decodificare i dati Base64 in JavaScript utilizzando le funzioni integrate
In JavaScript, puoi facilmente decodificare i dati Base64 utilizzando funzioni integrate, come da A a B() . IL funzione atob() accetta una stringa con codifica Base64 come input e restituisce i dati binari decodificati come stringa.
Ecco un esempio di come utilizzare da A a B() per decodificare i dati Base64:
bordo usando css
const base64String = 'SGVsbG8gV29ybGQh'; // Base64-encoded string constdecodedString = atob(base64String); // Decoded string console.log(decodedString); // Output: 'Hello World!'
In questo esempio, iniziamo con a Codifica Base64 corda SGVsbG8gV29ybGQh , che rappresenta la stringa 'Ciao mondo!' . Passiamo questa stringa al file funzione atob() , che restituisce i dati binari decodificati come una stringa. Successivamente, registriamo la stringa decodificata sulla console.
Si noti che il funzione atob() funziona solo con Stringhe ASCII . Se i dati con codifica Base64 contengono caratteri non ASCII, potrebbe essere necessario utilizzare una libreria di terze parti.
3. Come decodificare i dati Base64 in JavaScript utilizzando una libreria di terze parti
Sono disponibili molte librerie di terze parti per decodificare i dati Base64 in JavaScript. Una biblioteca popolare è js-base64 , che fornisce un'API Base64 completa con supporto per Unicode e altre codifiche.
Usare js-base64 , devi prima installarlo utilizzando un gestore di pacchetti, come npm :
npm install js-base64
Una volta installata, è possibile utilizzare la libreria per decodificare i dati Base64 come segue:
const base64 = require('js-base64'); const base64String = 'SGVsbG8gV29ybGQh'; // Base64-encoded string constdecodedString = base64.decode(base64String); // Decoded string console.log(decodedString); // Output: 'Hello World!'
In questo esempio, importiamo prima il file js-base64 libreria utilizzando richiedere() funzione.
4. Migliori pratiche per l'utilizzo di Base64 in JavaScript:
Esistono diverse pratiche per l'utilizzo di Base64 in JavaScript, tra cui:
1. Utilizzare Base64 per codificare i dati binari
Base64 è progettato per codificare dati binari, come immagini, audio e video. Non è destinato alla codifica di dati di testo, come ad esempio JSON O HTML .
2. Utilizza librerie di terze parti per funzionalità avanzate
Se hai bisogno di lavorare con Unicode o altre codifiche di caratteri, oppure se devi gestire grandi quantità di dati, potresti voler utilizzare a libreria di terze parti . Alcune popolari librerie Base64 per JavaScript includono js-base64 E base64-js .
3. Essere consapevoli dei rischi per la sicurezza
La codifica Base64 di per sé non fornisce alcuna sicurezza. Pertanto, dovresti evitare di codificare dati sensibili utilizzando Base64 e utilizzare sempre la crittografia e altre misure di sicurezza per proteggere i tuoi dati.
4. Testare accuratamente
Quando si lavora con dati Base64, è importante testare accuratamente il codice per assicurarsi che funzioni correttamente. Dovresti fare una prova casi limite , come set di dati di grandi dimensioni, caratteri non ASCII e input imprevisti, per garantire che il codice sia robusto e affidabile.