Привет всем, здесь Сара из Торонто. Когда я впервые начал изучать React и веб-разработку, я постоянно сталкивался с огромными строками случайных символов, которые начинались с `data:image/png;base64`.
Я понятия не имел, что это такое, пока старший разработчик не объяснил мне это. Теперь я собираюсь объяснить это вам.
Что такое Base64?
Компьютеры обмениваются данными, используя двоичные значения (0 и 1). Однако многие старые протоколы (например, электронная почта и базовые текстовые протоколы HTTP) были разработаны для обработки только безопасных текстовых символов ASCII (например, A-Z и 0-9).Если вы попытаетесь отправить файл необработанного изображения (который является двоичным) через текстовую систему, он сломается.
Base64 — это просто метод трансляции. Он принимает необработанные двоичные данные и преобразует их в 64 безопасных печатных символа ASCII.
Когда его следует использовать?
1. Вставка маленьких значков. Вместо того, чтобы заставлять браузер загружать крошечное изображение размером 2 КБ, вы можете преобразовать это изображение в Base64 и вставить его непосредственно в CSS или HTML. 2. Аутентификация API: Заголовки базовой аутентификации требуют, чтобы вы закодировали строку `username:password` в Base64.Всякий раз, когда мне нужно быстро закодировать изображение или декодировать защищенную строку, я просто использую Кодер/декодер Base64 в FreeClientToolbox. Это быстро, не требует серверной части и мгновенно выполняет работу.