Blob API — один из тех браузерных инструментов, которые незаметно спасают фронтенд от лишней памяти и лишних к

Blob API — один из тех браузерных инструментов, которые незаметно спасают фронтенд от лишней памяти и лишних костылей.

Когда вы показываете превью картинки, видео или PDF, главная ошибка — гонять файл через base64. Это раздувает размер примерно на 33% и держит данные в JS-heap дольше, чем нужно. Blob и objectURL работают иначе: браузер хранит данные вне JS, а вы получаете короткую ссылку вида `blob:...` для ``, ``, `iframe` или скачивания.

Практика:
1) `URL.createObjectURL(file)` — быстрое превью без чтения всего файла в память.
2) После использования обязательно `URL.revokeObjectURL(url)` — иначе получаете утечки, особенно в SPA и при массовых загрузках.
3) Для больших файлов лучше стримить и резать обработку на чанки, а не делать `FileReader.readAsDataURL()` на всё подряд.

Почему это важно: при работе с 100 файлами по 20 МБ base64 легко съедает сотни мегабайт RAM, а objectURL держит нагрузку заметно ниже. Для дашбордов, медиа-админок и генерации файлов на клиенте это прямой must-have ⚙️