База64 це двійковий файл у текст система кодування, яка перетворює двійкові дані в a radix-64 представлення, а потім кодує його як Рядок ASCII . Він часто використовується для зберігання даних у файлах і надсилання даних через Інтернет. За допомогою власних функцій і модулів JavaScript дані Base64 можна легко кодувати та декодувати.
У цій статті ми обговоримо, як декодувати дані Base64 у JavaScript, охоплюючи такі теми:
- Що таке Base64?
- Як декодувати дані Base64 у JavaScript за допомогою вбудованих функцій
- Як декодувати дані Base64 у JavaScript за допомогою сторонньої бібліотеки
- Найкращі практики використання 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, і неочікувані введення, щоб переконатися, що ваш код надійний і надійний.