Extract value from background-image style attribute with PHP

Question

I have a following HTML code:

<div class="article__img has-caption" style="background-image: url('img/main/article-plug.png')" >

I'm trying to extract an image URL and replace it with another (for example img/main/article-plug.webp) but I'm stuck with XPath queries and don't know what to do.

Thanks for help in advance!

That's my last code (but it doesn't return anything yet):

$domDocument = new DOMDocument();
$domDocument->loadHTML($article["DESCRIPTION"]);

$domXPath = new DOMXPath($domDocument);

$img = $domXPath->query('substring-before(substring-after(//div[@class=\'article__img has-caption\']/@style, "background-image: url(\'"), "\')")');

Related: Selecting background url from style attribute with XPATH (and PHP) and How to extract an image URL from a div? — mickmackusa
– mickmackusa ♦, Commented Apr 22, 2023 at 22:58

Adiyya Tadikamalla · Accepted Answer · 2023-04-25 22:20:17Z

0

Finally, with a help from dlporter98 I was able to solve my problem, here is a code if someone will face the same problem:

$domDocument = new DOMDocument();
$domDocument->loadHTML(mb_convert_encoding($html, "HTML-ENTITIES", "UTF-8"));

$domXPath  = new DOMXPath($domDocument);
$divs = $domXPath->evaluate("//div[@class=\"article__img has-caption\"]");
foreach ($divs as $div) {
    $style = $div->getAttribute("style");

    $url = $domXPath->evaluate("substring-before(substring-after(@style, \"background-image: url('\"), \"')\")", $div);

    $div->setAttribute("style", str_replace($url, Webp::getFromUrl($url), $style));
}

$html = mb_convert_encoding($domDocument->saveHTML(), "UTF-8", "HTML-ENTITIES");

edited Apr 25, 2023 at 22:20

Adiyya Tadikamalla

97711 silver badges11 bronze badges

answered Apr 22, 2023 at 19:06

Viacheslav Ravdin

1337 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Extract value from background-image style attribute with PHP

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related