Question

Currently, I’m using Simple HTML DOM which works great for tags:

    $html = file_get_html($url);
    $images = $html->find('img');
    $result = '';
    foreach ($images as $image):
        $result .= '<img src="'.$this->tasks->rel2abs($image->src, $url).'"><br>';
    endforeach;
    $html->clear(); 
    unset($html);
    echo $result;           

But how would I also get images from CSS files, such as background: or background-image:?

Answer 1

I assume you’re using PHP Simple HTML DOM Parser. The following code is untested, but it should be pretty close to what you need.

First, you’ll need to get all of the CSS blocks by using a search similar to yours above.

$css_inline = $html->find("style");
$css_external = $html->find("link[rel='stylesheet']");

…then you can search the inline blocks for url():

$css_images = array();

function extract_css_images ( $css )
{
    global $css_images;

    $matches = array();
    preg_match_all( "/url\((.*?)\)/", $css, $matches, PREG_SET_ORDER );

    foreach ( $matches as $match )
    {
        $css_images[] = trim( $match[1], "\"'" );
    }
}

foreach ($css_inline as $css)
{
    extract_css_images( $css->save() );
}

…then fetch the external css files and repeat:

foreach ($css_external as $css_file)
{
    $file = $css_file->href;
    $css = file_get_contents($file);        
    extract_css_images( $css );
}

$css_images should then be filled with image urls. It’s a good idea to run array_unique to eliminate dupes, and you may have to prepend path information if they use relative paths.

Again, this is untested from memory, but it should get you close. This will not find any images that are inserted via Javascript. That would be a much trickier proposition.