Как закодировать строку в Base64 на JavaScript?

В области веб-разработки часто возникает потребность в кодировании и декодировании данных в формат Base64. Например, это может быть необходимо при работе с изображениями, аудио- или видеофайлами, которые должны быть встроены в веб-страницу в виде Base64-строки.

Благо, в JavaScript есть встроенные методы для работы с Base64. Итак, давайте посмотрим, как закодировать строку в Base64.

Кодирование строки в Base64

В JavaScript для кодирования строки в Base64 существует глобальный метод btoa(). Он принимает на вход строку и возвращает ее закодированную версию.

Пример использования:

let string = 'Hello, World!';
let encodedString = btoa(string); 

console.log(encodedString); // SGVsbG8sIFdvcmxkIQ==

В этом коде строка ‘Hello, World!’ кодируется в Base64, и результат выводится в консоль.

Декодирование строки из Base64

Для обратной операции, то есть декодирования строки из Base64, JavaScript предоставляет метод atob(). Он принимает на вход закодированную строку и возвращает ее исходное значение.

Пример использования:

let encodedString = 'SGVsbG8sIFdvcmxkIQ=='
let decodedString = atob(encodedString); 

console.log(decodedString); // Hello, World!

В этом коде закодированная строка ‘SGVsbG8sIFdvcmxkIQ==’ декодируется обратно в ‘Hello, World!’, и результат выводится в консоль.

Таким образом, работа со строками в формате Base64 в JavaScript не представляет особой сложности благодаря наличию встроенных методов btoa() и atob().