Как получить расширения img в js?

Question

столкнулся с вопросом получения расширениям изображениям.

Обрезать ссылку не выйдет так как некоторые изображения имеют ссылку такую -

"https://c.hit.ua/hit?i=35274&g=0&x=2&s=1&c=1&t=-180&w=1536&h=864&d=24&0.8902127423959483&r=https%3A//www.google.com/&u=https%3A//askdev.ru/q/kak-proverit-tip-fayla-mime-s-pomoschyu-javascript-pered-zagruzkoy-18453/"

как можно получить тип изображения ?

let image = new Image();
image.src = "https://c.hit.ua/hit?i=35274&g=0&x=2&s=1&c=1&t=-180&w=1536&h=864&d=24&0.8902127423959483&r=https%3A//www.google.com/&u=https%3A//askdev.ru/q/kak-proverit-tip-fayla-mime-s-pomoschyu-javascript-pered-zagruzkoy-18453/";

console.log(image.type); // должен получиться вывод - gif

Answer 1

Вам нужно будет сделать запрос HEAD для получения заголовков. Вот еще одна простая версия, использующая fetch API, может выглядеть так:

function getImgContentType (img_src) {
  return fetch(img_src, { method: 'HEAD' })
    .then(response => response.headers.get('Content-type'))
}

И использование будет:

getImgContentType(img_src).then(type => {
  console.log(type)
})

БЛОГ НА HUSL

Как получить расширения img в js?

Ответы (1 шт):