logo

Base64-dekoodaus JavaScriptissä

Perus64 on binääristä tekstiksi koodausjärjestelmä, joka muuntaa binääridatan a kanta-64 esitys ja koodaa sen sitten an ASCII-merkkijono . Sitä käytetään usein tietojen tallentamiseen tiedostoihin ja tiedon lähettämiseen Internetin kautta. Alkuperäisillä JavaScript-funktioilla ja -moduuleilla Base64-tiedot voidaan koodata ja purkaa helposti.

Tässä artikkelissa keskustelemme Base64-tietojen purkamisesta JavaScriptissä, kattaen seuraavat aiheet:

  1. Mikä on Base64?
  2. Base64-tietojen purkaminen JavaScriptissä sisäänrakennettujen toimintojen avulla
  3. Base64-tietojen purkaminen JavaScriptissä käyttämällä kolmannen osapuolen kirjastoa
  4. Parhaat käytännöt Base64:n käyttämiseen JavaScriptissä

1. Mikä on Base64?

A binääristä tekstiksi koodausjärjestelmä nimeltä Perus64 näyttää binääritiedot muodossa ASCII-merkkijonot . Se saavutetaan muuntamalla binääritiedot esitykseksi, joka tunnetaan nimellä kanta-64 , joka työllistää joukon 64 merkkiä edustamaan binääridataa. The 26 isot kirjaimet ja pienet kirjaimet kirjaimet Englannin aakkoset , 10 numeroa , ja näiden merkkien joukossa on kaksi ylimääräistä merkkiä, jotka vaihtelevat toteutuksesta riippuen. Viimeinen datalohko täytetään nolilla, jos se on alle 6 bittiä, joten se on täysi 6 bittiä.

Base64-koodaus käyttää 6 bittiä per merkki edustamaan alkuperäistä binaaridataa. Tiedot on jaettu 6-bittisiä paloja ja koodattu Base64:llä, ja jokaista palaa edustaa Base64-merkkijoukon merkki. Jos viimeinen datapala on alle 6 bittiä, se täytetään nolilla, jotta siitä tulee täydet 6 bittiä.

Base64:ää käytetään yleisesti tiedonsiirtoon Internetin kautta ja tietojen tallentamiseen tiedostoihin. Sitä käytetään esimerkiksi sähköpostin liitteissä, HTML-kuvissa ja JSON Web Tokensissa (JWT).

2. Base64-tietojen purkaminen JavaScriptissä sisäänrakennettujen funktioiden avulla

JavaScriptissä voit helposti purkaa Base64-tiedot käyttämällä sisäänrakennettuja toimintoja, kuten atob() . The atob()-funktio ottaa Base64-koodatun merkkijonon syötteeksi ja palauttaa dekoodatun binaaridatan merkkijonona.

Tässä on esimerkki käytöstä atob() Base64-tietojen purkamiseen:

mikä on jquery
 const base64String = 'SGVsbG8gV29ybGQh'; // Base64-encoded string constdecodedString = atob(base64String); // Decoded string console.log(decodedString); // Output: 'Hello World!' 

Tässä esimerkissä aloitamme kirjaimella a Base64-koodattu merkkijono SGVsbG8gV29ybGQh , joka edustaa merkkijonoa 'Hei maailma!' . Välitämme tämän merkkijonon atob()-funktio , joka palauttaa dekoodatun binaaridatan merkkijonona. Tämän jälkeen kirjaamme dekoodatun merkkijonon konsoliin.

Huomaa, että atob()-funktio toimii vain ASCII-merkkijonot . Jos Base64-koodatut tiedot sisältävät muita kuin ASCII-merkkejä, saatat joutua käyttämään kolmannen osapuolen kirjastoa.

3. Base64-tietojen purkaminen JavaScriptissä käyttämällä kolmannen osapuolen kirjastoa

Base64-tietojen purkamiseen JavaScriptissä on monia kolmannen osapuolen kirjastoja. Yksi suosittu kirjasto on js-base64 , joka tarjoaa kattavan Base64 API:n, joka tukee Unicodea ja muita koodauksia.

Käyttää js-base64 , sinun on ensin asennettava se paketinhallinnan avulla, kuten npm :

 npm install js-base64 

Asennuksen jälkeen voit käyttää kirjastoa Base64-tietojen purkamiseen seuraavasti:

 const base64 = require('js-base64'); const base64String = 'SGVsbG8gV29ybGQh'; // Base64-encoded string constdecodedString = base64.decode(base64String); // Decoded string console.log(decodedString); // Output: 'Hello World!' 

Tässä esimerkissä tuomme ensin js-base64 kirjaston käyttö vaatia() toiminto.

4. Parhaat käytännöt Base64:n käyttämiseen JavaScriptissä:

Base64:n käyttämiseen JavaScriptissä on useita käytäntöjä, mukaan lukien:

1. Käytä Base64:ää binääritietojen koodaamiseen

Perus64 on suunniteltu binääritietojen, kuten kuvien, äänen ja videon, koodaamiseen. Sitä ei ole tarkoitettu tekstidatan, kuten esim JSON tai HTML .

2. Käytä kolmannen osapuolen kirjastoja lisäominaisuuksiin

Jos sinun on työskenneltävä Unicode tai muita merkkikoodeja, tai jos sinun on käsiteltävä suuria tietomääriä, voit käyttää a kolmannen osapuolen kirjasto . Jotkut suositut Base64-kirjastot JavaScriptille sisältävät js-base64 ja base64-js .

3. Ole tietoinen turvallisuusriskeistä

Base64-koodaus ei itsessään tarjoa mitään turvallisuutta. Siksi sinun tulee välttää arkaluontoisten tietojen koodaamista Base64:llä ja käyttää aina salausta ja muita suojaustoimenpiteitä tietojesi suojaamiseksi.

4. Testaa huolellisesti

Kun työskentelet Base64-tietojen kanssa, on tärkeää testata koodisi perusteellisesti varmistaaksesi, että se toimii oikein. Kannattaa testata reunalaukut , kuten suuria tietojoukkoja, ei-ASCII-merkkejä ja odottamatonta syötettä, jotta koodisi olisi vankka ja luotettava.