Regex extract image links

Question

I am reading a html content. There are image tags such as

<img onclick="document.location='http://abc.com'" src="http://a.com/e.jpg" onload="javascript:if(this.width>250) this.width=250">

or

<img src="http://a.com/e.jpg" onclick="document.location='http://abc.com'" onload="javascript:if(this.width>250) this.width=250" />

I tried to reformat this tags to become

<img src="http://a.com/e.jpg" />

However i am not successful. The codes i tried to build so far is like

$image=preg_replace('/<img(.*?)(\/)?>/','',$image);

anyone can help?

This is not a task for regular expressions. Use a HTML parser instead. — Firas Dib
– Firas Dib, Commented Jul 24, 2013 at 11:10

user2609094 · Accepted Answer · 2013-07-24 12:15:06Z

Here's a version using DOMDocument that removes all attributes from <img> tags except for the src attribute. Note that doing a loadHTML and saveHTML with DOMDocument can alter other html as well, especially if that html is malformed. So be careful - test and see if the results are acceptable.

<?php

$html = <<<ENDHTML
<!doctype html>
<html><body>
<a href="#"><img onclick="..." src="http://a.com/e.jpg" onload="..."></a>

<div><p>
<img src="http://a.com/e.jpg" onclick="..." onload="..." />
</p></div>
</body></html>
ENDHTML;

$dom = new DOMDocument;
if (!$dom->loadHTML($html)) {
    throw new Exception('could not load html');
}

$xpath = new DOMXPath($dom);

foreach ($xpath->query('//img') as $img) {
    // unfortunately, cannot removeAttribute() directly inside
    // the loop, as this breaks the attributes iterator.
    $remove = array();
    foreach ($img->attributes as $attr) {
        if (strcasecmp($attr->name, 'src') != 0) {
            $remove[] = $attr->name;
        }
    }

    foreach ($remove as $attr) {
        $img->removeAttribute($attr);
    }
}

echo $dom->saveHTML();

Srb1313711 · Accepted Answer · 2013-07-24 11:12:29Z

0

Match one at a time then concat string, I am unsure which language you are using so ill explain in pseudo:

1.Find <img with regex place match in a string variable
2.Find src="..." with src=".*?" place match in a string variable
3.Find the end /> with \/> place match in a string variable
4.Concat the variables together

answered Jul 24, 2013 at 11:12

Srb1313711

2,0475 gold badges26 silver badges35 bronze badges

Collectives™ on Stack Overflow

Regex extract image links

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related