Blob API — один из тех фронтенд-инструментов, про которые вспоминают только когда что-то уже течёт: память, ск

Blob API — один из тех фронтенд-инструментов, про которые вспоминают только когда что-то уже течёт: память, скорость, UX.

Сценарий простой: пользователь загрузил файл, вы хотите показать превью, дать скачать результат или передать данные в приложение. Если работать «в лоб» через Data URL, браузер держит тяжёлую строку в памяти. Для больших файлов это быстро превращается в лишние мегабайты и лаги.

Что даёт Blob:
- хранение файла как объекта, а не как гигантской строки
- безопасные временные URL через `URL.createObjectURL()`
- нормальную работу с картинками, PDF, CSV, видео и генерацией файлов на клиенте

Мини-схема:
1. Получили `File`
2. Создали Blob/URL
3. Показали превью или отдали на скачивание
4. Освободили память через `URL.revokeObjectURL()`

Ключевой момент: object URL надо обязательно чистить. Иначе в SPA можно незаметно накопить мусор, особенно если пользователь часто открывает/закрывает файлы.

Практика для PR и контент-команд: если ваш продукт работает с медиаконтентом, отчётами или экспортами, Blob API — это не «фронтенд-деталь», а часть качества продукта. Быстрый предпросмотр, меньше утечек, стабильнее интерфейс 📎