Comment extraire le nom de fichier de l'image de la balise style/background-image?

Question

J'ai trouvé beaucoup de messages concernant l'extraction d'un nom de fichier d'un img-tag, mais aucun d'un tag de style CSS en ligne. Voici la chaîne source

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

Ce que je veux est bar.png.

J'ai essayé ceci:

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

Mais cela ne marchait pas sur.

Toute aide appréciée ..

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

Vous devez lire sur les expressions régulières.

"/background-image: ?.png/" 

signifie "background-image:" suivie éventuellement d'un espace, suivi d'un caractère unique, suivie (directement) par "jpeg".

Exactement ce que vous avez besoin dépend de la quantité de variation dont vous avez besoin pour permettre la mise en page de l'étiquette, mais il sera quelque chose comme

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

où tous les « \ s * » sont facultatifs espaces et parenthèses capture quelque chose qui ne contient pas une barre oblique.

Généralement, regexp n'est pas un bon outil pour analyser le HTML, mais dans ce cas limité, il pourrait être OK.

Answer 3

quelque chose le long des lignes

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

cela ne fonctionnera pas pour les noms de fichiers qui contiennent ' ou ". Il correspond essentiellement quelque chose entre la parenthèse de url() qui ne sont pas ' ou "