Wie man den Bilddateinamen aus dem style/background-image Tag extrahiert?

Question

Ich habe viele Posts bezüglich des Verlöschens eines Dateinamens von einem img-Tag, aber keines von einem CSS-Inline-Stil-Tag gefunden. Hier ist die Quellzeichenfolge

<span style="width: 40px; height: 30px; background-image: url("./files/foo/bar.png");" class="bar">FOO</span> 

Was will ich bekommen ist bar.png.

Ich versuchte dies:

$pattern = "/background-image: ?.png/"; 
    preg_match($pattern, $string, $matches); 

Aber das nur knapp sein Ziel aus arbeiten.

Jede Hilfe willkommen ..

Answer 1

$string = '<span style="width: 40px; height: 30px; background-image: url("./files/foo/bar.png");" class="bar">FOO</span>'; 

$pattern = '/background-image:\s*url\(\s*([\'"]*)(?P<file>[^\1]+)\1\s*\)/i'; 
$matches = array(); 
if (preg_match($pattern, $string, $matches)) { 
    echo $matches['file']; 
} 

Answer 2

Sie müssen sich über reguläre Ausdrücke lesen.

"/background-image: ?.png/" 

bedeutet „Hintergrundbild“ von einem Raum, gegebenenfalls gefolgt von einem einzelnen Zeichen folgt, (direkt) von „PNG“ gefolgt.

Genau das, was Sie brauchen, hängt davon ab, wie viel Variation müssen Sie im Layout des Etiketts ermöglichen, aber es wird etwas wie

"/background-image\s*:\s*url\s*(\s*".*([^\/]+)"/ 

, wo alle „\ s *“ sind optional Leerzeichen und Klammern enthalten etwas, das keinen Schrägstrich enthält.

Im Allgemeinen ist regexp kein gutes Werkzeug zum Parsen von HTML, aber in diesem begrenzten Fall könnte es OK sein.

Answer 3

etwas entlang der Linien

$style = "width: 40px; height: 30px; background-image: url('./files/foo/bar.png');"; 
preg_match("/url[\s]*\(([\'\"])([^\'\"]+)([\'\"])\)/", $style, $matches); 
var_dump($matches[2]); 

es wird nicht für Dateinamen arbeiten, die ' oder " enthalten. Sie paßt im Grunde alles, was zwischen den Klammern von url(), die nicht ' oder "