Как извлечь имя файла изображения из тега style/background-image?

Question

Я нашел много сообщений об изъятии имени файла из img-тега, но ни одного из тега стиля встроенного CSS. Вот исходная строка

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

То, что я хочу, чтобы это bar.png.

Я попытался это:

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

Но это не работало из.

Любая помощь приветствуется ..

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

Вы должны прочитать о регулярных выражениях.

"/background-image: ?.png/" 

означает «фоновое изображение:», а затем, возможно, пробел, за которым следует какой-либо один символ, а затем (непосредственно) с помощью «PNG».

именно то, что вам нужно, зависит от того, как много изменений необходимо учитывать в расположение тега, но это будет что-то как

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

, где все «\ S *» являются обязательными пробелы и скобки фиксируют то, что не содержит косой черты.

Как правило, regexp не является хорошим инструментом для анализа HTML, но в этом ограниченном случае это может быть ОК.

Answer 3

что-то вдоль линий

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

это не будет работать для имен файлов, содержащих ' или ". Это в основном соответствует ничего между скобкой url(), который не ' или "