Встречается на собеседованиях • сегодня

Как браузер понимает что перед ним картинка без расширения файла

Браузер определяет тип файла по заголовку Content-Type в HTTP-ответе сервера. Если расширения нет, сервер должен отправить правильный MIME-тип (например, image/jpeg).

Также браузер может анализировать первые байты файла (сигнатуру). Например:

  • FF D8 FF – JPEG
  • 89 50 4E 47 – PNG

Пример проверки сигнатуры в JS:

javascript
async function checkImageType(url) {
  const response = await fetch(url);
  const buffer = await response.arrayBuffer();
  const uint8Array = new Uint8Array(buffer.slice(0, 4));
  const signature = Array.from(uint8Array).map(b => b.toString(16)).join(' ');
  console.log(signature); // Например: "89 50 4e 47" для PNG
}
Sophi
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
Попробовать бесплатноArrow

Следующий вопрос

Это единственный вопрос по вашему фильтру

как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы