Question

我想匹配我一直在使用此正则表达式的css中的所有url，并且效果很好。

@[^a-z_]{1}url\s*\((?:\'|"|)(.*?)(?:\'|"|)\)@im

Full match: url(https://example/product.png)
Group 1: https://example/product.png

当我找到这样的网址时发生了问题：

background-image: url(/uploads/2019/03/product01-image(thumbnail_photo).jpg);


Full match url(/uploads/2019/03/product01-image(thumbnail_photo)
Group 1. /uploads/2019/03/product01-image(thumbnail_photo

我查看了这个主题，并尝试使用经过一些修改的正则表达式

preg_match to match src=, background= and url(..)

结果就是这个

@(?:url\((?:\"|'|)(.*\.(?:[a-z_]{3}))(?:\"|'|)\))@im

Full match: url(/uploads/2019/03/product01-image(thumbnail_photo).jpg)
Group 1: /uploads/2019/03/product01-image(thumbnail_photo).jpg

起初它似乎工作正常，但是当我遇到类似情况时，它就坏了：

.card-thumb__img1{display:block;width:142px;height:62px;background:url(https://example.com/product01.jpg) center center no-repeat;background-size:contain}@media (max-width:1029px).card-thumb__img2{display:block;z-index:1;background:url(https://example.com/product02.jpg) center center no-repeat #000;

Full match: url(https://example.com/product01.jpg) center center no-repeat;background-size:contain}@media (max-width:1029px).card-thumb__img2{display:block;z-index:1;background:url(https://example.com/product02.jpg)
Group 1:https://example.com/product01.jpg) center center no-repeat;background-size:contain}@media (max-width:1029px).card-thumb__img2{display:block;z-index:1;background:url(https://example.com/product02.jpg

在所有情况下我该如何解决并获得预期结果？

修改我必须匹配的某些类型的事件

url(https://exemples.com/fonts/lato/lato/lato-regular-webfont.ttf)
src:url(https://exemples.com/fonts/lato/lato-regular-webfont.eot?#iefix)
background:url(https://exemples.com/product/header/img.png)
background:url(/product/header/img.png)
background:url("/product/header/img.png")
background:url('/product/header/img.png')
background:url(/uploads/2019/03/0002-image(thumbnail_product).jpg)

Answer 1

对于您的示例数据，一个选项可能是递归第一个子模式(?1并为URL使用第二个捕获组。

该网址将位于捕获组2中。

url(\(((?:[^()]+|(?1))+)\))

Regex demo | Php demo

说明

url
(第一个捕获组
- \(匹配(字符
- (第二个捕获组
  - (?:[^()]+|(?1))+匹配字符类中未列出的内容1次以上，或递归第一个子模式并重复1次以上
- )关闭第二个捕获组
- \)匹配)字符
)关闭第一个捕获组

这也将匹配URL的开头和结尾"和'。在使用匹配组获取匹配项时，您可以进行另一项检查，以验证引号的起始类型是否与引号的终止类型相同。

例如：

$re = '/url(\(((?:[^()]+|(?1))+)\))/m';
$str = 'background:url("/product/header/img1.png") and background:url("/product/header/img2.png\' and background:url(/product/header/img3.png"))';

preg_match_all($re, $str, $matches, PREG_SET_ORDER);

foreach ($matches as $match) {
    if (preg_match('/^([\'"]?)[^"]+\1$/', $match[2])) {
        echo trim($match[2], "'\"") . PHP_EOL;
    }
}

结果：

/product/header/img1.png

CSS中的Preg_match网址

1 个答案: