logo

TechCodeview

Декодування Base64 у JavaScript

База64 це двійковий файл у текст система кодування, яка перетворює двійкові дані в a radix-64 представлення, а потім кодує його як Рядок ASCII . Він часто використовується для зберігання даних у файлах і надсилання даних через Інтернет. За допомогою власних функцій і модулів JavaScript дані Base64 можна легко кодувати та декодувати.

У цій статті ми обговоримо, як декодувати дані Base64 у JavaScript, охоплюючи такі теми:

  1. Що таке Base64?
  2. Як декодувати дані Base64 у JavaScript за допомогою вбудованих функцій
  3. Як декодувати дані Base64 у JavaScript за допомогою сторонньої бібліотеки
  4. Найкращі практики використання Base64 у JavaScript

1. Що таке Base64?

А двійковий файл у текст система кодування наз Base64 відображає двійкові дані як Рядки ASCII . Це досягається шляхом перетворення двійкових даних у представлення, відоме як radix-64 , який використовує набір 64 символи для представлення двійкових даних. The 26 великі літери і нижній регістр листи в англійський алфавіт , 10 числівників і два додаткових символи, які відрізняються залежно від реалізації, є серед цих символів. Остаточний блок даних доповнюється нулями, якщо він менше 6 біт, що робить його повним 6 бітами.

Кодування Base64 використовує 6 біт на символ для представлення вихідних двійкових даних. Дані поділяються на 6-бітні блоки і закодовано в Base64, і кожна частина представлена ​​символом із набору символів Base64. Якщо останній фрагмент даних менший за 6 біт, він доповнюється нулями, щоб зробити його повними 6 бітами.

Base64 зазвичай використовується для передачі даних через Інтернет і зберігання даних у файлах. Наприклад, він використовується у вкладеннях електронної пошти, зображеннях HTML і веб-токенах JSON (JWT).

2. Як декодувати дані Base64 у JavaScript за допомогою вбудованих функцій

У JavaScript ви можете легко декодувати дані Base64 за допомогою вбудованих функцій, таких як atob() . The функція atob(). приймає рядок у кодуванні Base64 як вхідні дані та повертає декодовані двійкові дані як рядок.

Ось приклад використання atob() для декодування даних Base64:

хто такий фредді мерк'юрі 
 const base64String = 'SGVsbG8gV29ybGQh'; // Base64-encoded string constdecodedString = atob(base64String); // Decoded string console.log(decodedString); // Output: 'Hello World!'

У цьому прикладі ми починаємо з a Закодовано Base64 рядок SGVsbG8gV29ybGQh , який представляє рядок 'Привіт Світ!' . Ми передаємо цей рядок у функція atob(). , який повертає декодовані двійкові дані у вигляді рядка. Після цього ми записуємо декодований рядок на консоль.

Зверніть увагу, що функція atob(). працює тільки з Рядки ASCII . Якщо дані, закодовані за допомогою Base64, містять символи, відмінні від ASCII, вам може знадобитися використовувати сторонню бібліотеку.

3. Як декодувати дані Base64 у JavaScript за допомогою сторонньої бібліотеки

Для декодування даних Base64 у JavaScript доступно багато сторонніх бібліотек. Однією з популярних бібліотек є js-base64 , який надає комплексний API Base64 із підтримкою Unicode та інших кодувань.

Використовувати js-base64 , вам спочатку потрібно встановити його за допомогою менеджера пакетів, наприклад npm : 

 npm install js-base64

Після встановлення ви можете використовувати бібліотеку для декодування даних Base64 наступним чином:

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

У цьому прикладі ми спочатку імпортуємо js-base64 використання бібліотеки вимагати() функція.

4. Найкращі методи використання Base64 у JavaScript:

Існує кілька практик використання Base64 у JavaScript, зокрема:

1. Використовуйте Base64 для кодування двійкових даних

База64 призначений для кодування двійкових даних, таких як зображення, аудіо та відео. Він не призначений для кодування текстових даних, наприклад JSON або HTML .

2. Використовуйте сторонні бібліотеки для розширених функцій

Якщо потрібно працювати з Unicode або інше кодування символів, або якщо вам потрібно обробити великі обсяги даних, ви можете використовувати a стороння бібліотека . Деякі популярні бібліотеки Base64 для JavaScript включають js-base64 і base64-js .

3. Пам’ятайте про ризики безпеці

Кодування Base64 саме по собі не забезпечує жодної безпеки. Тому вам слід уникати кодування конфіденційних даних за допомогою Base64 і завжди використовувати шифрування та інші заходи безпеки для захисту ваших даних.

4. Ретельно перевірте

Працюючи з даними Base64, важливо ретельно протестувати свій код, щоб переконатися, що він працює правильно. Ви повинні перевірити на крайові випадки , як-от великі набори даних, символи, що не належать до ASCII, і неочікувані введення, щоб переконатися, що ваш код надійний і надійний.