Basis64 is een binair naar tekst coderingssysteem dat binaire gegevens omzet in een wortel-64 representatie en codeert deze vervolgens als een ASCII-reeks . Het wordt vaak gebruikt om gegevens in bestanden op te slaan en gegevens via internet te verzenden. Met native JavaScript-functies en -modules kunnen Base64-gegevens gemakkelijk worden gecodeerd en gedecodeerd.
In dit artikel bespreken we hoe u Base64-gegevens in JavaScript kunt decoderen, waarbij de volgende onderwerpen aan bod komen:
- Wat is Base64?
- Hoe Base64-gegevens in JavaScript te decoderen met behulp van ingebouwde functies
- Hoe Base64-gegevens in JavaScript te decoderen met behulp van een bibliotheek van derden
- Best practices voor het gebruik van Base64 in JavaScript
1. Wat is Base64?
A binair naar tekst coderingssysteem genoemd Basis64 geeft binaire gegevens weer als ASCII-reeksen . Dit wordt bereikt door de binaire gegevens om te zetten in een representatie die bekend staat als wortel-64 , die gebruik maakt van een set van 64 tekens om de binaire gegevens weer te geven. De 26 hoofdletters En kleine letters brieven van de Engelse alfabet , de 10 cijfers , en twee extra tekens die verschillen afhankelijk van de implementatie behoren tot deze tekens. Het laatste datablok wordt opgevuld met nullen als het minder dan 6 bits bedraagt, waardoor het een volledige 6 bits wordt.
De Base64-codering gebruikt 6 bits per teken om de originele binaire gegevens weer te geven. Gegevens zijn onderverdeeld in 6-bits brokken en gecodeerd in Base64, en elk deel wordt vertegenwoordigd door een teken uit de Base64-tekenset. Als het laatste stuk gegevens minder dan 6 bits bedraagt, wordt het opgevuld met nullen om er een volledige 6 bits van te maken.
Base64 wordt vaak gebruikt voor het verzenden van gegevens via internet en het opslaan van gegevens in bestanden. Het wordt bijvoorbeeld gebruikt in e-mailbijlagen, HTML-afbeeldingen en JSON Web Tokens (JWT's).
2. Base64-gegevens in JavaScript decoderen met behulp van ingebouwde functies
In JavaScript kunt u Base64-gegevens eenvoudig decoderen met behulp van ingebouwde functies, zoals A tot B() . De atob()-functie neemt een Base64-gecodeerde string als invoer en retourneert de gedecodeerde binaire gegevens als een string.
Hier is een voorbeeld van hoe te gebruiken A tot B() om Base64-gegevens te decoderen:
python verminderen
const base64String = 'SGVsbG8gV29ybGQh'; // Base64-encoded string constdecodedString = atob(base64String); // Decoded string console.log(decodedString); // Output: 'Hello World!'
In dit voorbeeld beginnen we met a Base64-gecodeerd snaar SGVsbG8gV29ybGQh , die de tekenreeks vertegenwoordigt 'Hallo Wereld!' . We geven deze string door aan de atob()-functie , die de gedecodeerde binaire gegevens als een tekenreeks retourneert. Daarna loggen we de gedecodeerde string naar de console.
Merk op dat de atob()-functie werkt alleen mee ASCII-reeksen . Als de met Base64 gecodeerde gegevens niet-ASCII-tekens bevatten, moet u mogelijk een bibliotheek van derden gebruiken.
3. Base64-gegevens in JavaScript decoderen met behulp van een bibliotheek van derden
Er zijn veel bibliotheken van derden beschikbaar voor het decoderen van Base64-gegevens in JavaScript. Een populaire bibliotheek is js-base64 , die een uitgebreide Base64 API biedt met ondersteuning voor Unicode en andere coderingen.
Gebruiken js-base64 , moet u het eerst installeren met behulp van een pakketbeheerder, zoals npm :
npm install js-base64
Eenmaal geïnstalleerd, kunt u de bibliotheek als volgt gebruiken om Base64-gegevens te decoderen:
const base64 = require('js-base64'); const base64String = 'SGVsbG8gV29ybGQh'; // Base64-encoded string constdecodedString = base64.decode(base64String); // Decoded string console.log(decodedString); // Output: 'Hello World!'
In dit voorbeeld importeren we eerst de js-base64 bibliotheek gebruiken vereisen() functie.
4. Best practices voor het gebruik van Base64 in JavaScript:
Er zijn verschillende praktijken voor het gebruik van Base64 in JavaScript, waaronder:
1. Gebruik Base64 voor het coderen van binaire gegevens
Basis64 is ontworpen voor het coderen van binaire gegevens, zoals afbeeldingen, audio en video. Het is niet bedoeld voor het coderen van tekstgegevens, zoals JSON of HTML .
2. Gebruik bibliotheken van derden voor geavanceerde functies
Als je mee moet werken Unicode of andere tekencoderingen, of als u grote hoeveelheden gegevens moet verwerken, wilt u misschien een bibliotheek van derden . Enkele populaire Base64-bibliotheken voor JavaScript omvatten js-base64 En base64-js .
3. Wees je bewust van veiligheidsrisico's
Base64-codering biedt op zichzelf geen enkele beveiliging. Daarom moet u voorkomen dat gevoelige gegevens met Base64 worden gecodeerd en moet u altijd encryptie en andere beveiligingsmaatregelen gebruiken om uw gegevens te beschermen.
4. Test grondig
Wanneer u met Base64-gegevens werkt, is het belangrijk om uw code grondig te testen om er zeker van te zijn dat deze correct werkt. Je zou moeten testen rand gevallen , zoals grote datasets, niet-ASCII-tekens en onverwachte invoer, om ervoor te zorgen dat uw code robuust en betrouwbaar is.