Конвертер Base64 в PDF

Как скопировать Base64 из ответа API

Сервисы, которые формируют счета, транспортные этикетки, отчёты или подписанные договоры, часто возвращают PDF внутри JSON, например {"filename": "label.pdf", "data": "JVBERi0..."}. Копируйте только текст между кавычками после имени поля и обращайте внимание на следующие детали:

• Экранированные косые черты. Некоторые кодировщики JSON, в том числе функция PHP json_encode, записывают каждый символ / как \/. Поскольку / — обычный символ Base64, перед вставкой замените \/ на / или сначала разберите JSON и скопируйте значение.
• Кавычки и запятые. Не копируйте окружающие кавычки и запятую в конце.
• Переносы строк. Пробелы и настоящие переводы строк внутри Base64, например в значении, перенесённом через 76 символов, допустимы, и удалять их не нужно. Буквальные последовательности \n или \r\n в необработанном JSON — другое дело: они состоят из символов обратной косой черты и букв, и их нужно удалить.

Если скопировать значение из разобранного представления в инструментах разработчика браузера, всех этих проблем с экранированием можно избежать.

Как извлечь PDF-вложение из письма

Вложения хранятся внутри исходного текста письма в кодировке Base64. Откройте исходный код письма («Показать оригинал» в Gmail, «Исходный текст сообщения» в Thunderbird, «Необработанный источник» в Apple Mail) и найдите часть, в заголовках которой есть Content-Type: application/pdf (или application/octet-stream с именем файла .pdf) и Content-Transfer-Encoding: base64. Скопируйте блок, который начинается после пустой строки под этими заголовками и заканчивается перед следующей строкой, начинающейся с --, — это граница MIME. Вставьте его сюда как есть: переносы строк игнорируются.

Как показать PDF из Base64 в своём веб-приложении

Когда фронтенд получает PDF в Base64 и должен его отобразить, Blob URL надёжнее, чем data URI, который некоторые браузеры отказываются открывать в новой вкладке:

const bytes = Uint8Array.from(atob(base64), c => c.charCodeAt(0));
const blob = new Blob([bytes], { type: 'application/pdf' });
const url = URL.createObjectURL(blob);
window.open(url); // или используйте его как src для <iframe>

Когда документ больше не нужен, вызовите URL.revokeObjectURL(url), чтобы освободить память. Учтите, что atob принимает только стандартный алфавит Base64, поэтому данные в варианте, безопасном для URL (- и _), нужно сначала преобразовать.