0

Если у контейнера стиль background-image: url , то можно ли средствами js получить это изображение, не загружая его повторно? сам url получить получается, но загружать снова по этому адресу - не вариант, картинка меняется.

Может есть ещё какие-нибудь возможности (устроило бы даже меню ПКМ, но у таких изображений нет пунктов, связанных с копирование и сохранением изображения). Единственный пока вариант -заходить в консоль разработчика, в ресурсы и там находить это изображение руками и сохранять.

Ниже код для получения ссылки, если вдруг кому-нибудь пригодится.

function
 getElementByXpath(path) {
  return document.evaluate(path, document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;
}


var div_element = getElementByXpath("//html/body/div..."),
    style = div_element.currentStyle || window.getComputedStyle(div_element, false),
    bi = style.backgroundImage.slice(4, -1).replace(/"/g, "");
console.log(bi)

1 ответ 1

-1

Если вы хотите получить base64 изображение, то хотите ли вы того или нет, вам нужно сделать на него запрос.

let imageURL = 'https://upload.wikimedia.org/wikipedia/commons/5/53/The_entrance_to_Carlton_Town_football_club_-_geograph.org.uk_-_793919.jpg'

fetch(imageURL).then(r => r.blob()).then(b => {
  let reader = new FileReader()
  reader.onloadend = function() {
    console.log(reader.result)
  }
  reader.readAsDataURL(b)
})

4
  • В том то и дело, нужна не ссылка, а само изображение, сохранить его или преобразовать в базе64. 30 авг 2022 в 20:38
  • @Николай исправил ответ, вам теперь подходит?
    – ΝNL993
    31 авг 2022 в 6:59
  • Кто то минус влепил. Это не я :) Нет, не подходит. Если бы просто нужно было скачать - вопроса не было. При повторном скачивании изображение скачается другое. В базе64 можно конвертнуть, разместив изображение в канвасе. Код тоже такой есть. Не понятно, как из стиля получить само изображение, а не ссылку на него. 31 авг 2022 в 10:43
  • @Николай Я знаю, у вас репутации недостаточно. Я только сейчас вопрос понял нормально... Из стиля никак нельзя получить изображение, т.к. по стандарту изображение хранится в формате ссылки (в виде текста в стилях) и потом подгружается браузером, в итоге вы можете только ссылку, но не само изображение.
    – ΝNL993
    31 авг 2022 в 11:20

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.