Как получить lastmodified картинки на странице?

Question

[Veresk17]

Добрый день.

Как получить last modified картинки на странице?

Пробовал так:

fetch("https://klike.net/uploads/posts/2021-01/1611131113_2.jpg")
.then(response => response.blob())
.then(blob => {
  const file = new File([blob], blob.name);
  console.log(file.lastModifiedDate);
});

Но код возвращает текущее время. Я так понял, потому что файл создается заново.

Как-нибудь можно в консоль именно lastModifiedDate исходного файла вывести?

Answer 1

[zkrvndm]

Это так не сработает. Чтобы узнать время модификации файла вам надо сначала ваш сервер научить передавать это самое время в заголовках ответа и только затем на стороне браузера появится возможность его считывать.

Но вместе с тем, если вам надо просто выяснить изменился файл или нет не скачивая его, то это можно сделать при помощи сверки заголовка ETag, большинство серверов отсылают ETag по умолчанию.

https://qna.habr.com/q/1153742

Comments

[Veresk17]

Ну вот, например, в консоли можно найти необходимые мне данные в Network, то есть браузер эту информацию получает. Можно как-то получить к ним доступ при помощи JS?

Или я совсем неправильно рассуждаю?

[zkrvndm]

Veresk17,

fetch("https://klike.net/uploads/posts/2021-01/1611131113_2.jpg")
.then(response => {
    const last_modified = response.headers.get('last-modified');
    console.log('Заголовок last-modified равен:', last_modified);
    return response.blob();
})
.then(blob => {
    const file = new File([blob], blob.name);
    console.log('Сам файл:', file);
});

[Veresk17]

Надим Закиров, кажется, получилось. Спасибо!

[zkrvndm]

Veresk17, рано радуйтесь, вероятно данный заголовок отдает Cloudflare, а не ваш сервер. Если вы вдруг в будущем отключите Cloudflare, то и заголовок с датой пропадет.

Answer 2

[Alexandroppolus]

https://developer.mozilla.org/en-US/docs/Web/HTTP/...

Если он, конечно, будет. Это заголовок в response