RegEx 从 CSS 背景样式中提取 URL

我有一个这种形式的字符串：

url("http://www.example.com/imgs/backgrounds/bg80.jpg") repeat scroll 10% 0% transparent

这是来自某个元素的 CSS 样式，该元素目前在页面上不可见。我需要做的是预加载该背景图像，但要做到这一点，我需要它的 URL，并且我正在尝试编写一个正则表达式来找到它。

我知道http://www.example.com/imgs/backgrounds/部分保持不变，唯一改变的是图像名称本身，可以以以下任一结尾.jpg or .png.

这是一次尝试：

(http:\/\/www.example.com\/imgs\/backgrounds\/)[\w\.\-]*

问题在于，只有http://www.example.com/imgs/backgrounds/部分正在被拾取。所以我尝试了这个，但这根本不起作用！

(http:\/\/www.example.com\/imgs\/backgrounds\/)[\w\.\-]*(.jpg|.png)

我究竟做错了什么？ 感谢您的任何帮助！

背景 url 可以有' or "或者括号内的 url 周围没有

有效网址

• url("http://www.example.com/imgs/backgrounds/bg80.jpg")
• url('http://www.example.com/imgs/backgrounds/bg80.jpg')
• url(http://www.example.com/imgs/backgrounds/bg80.jpg)

因此，对于通用解决方案，您可以使用

var background = 'url("http://www.example.com/imgs/backgrounds/bg80.jpg") repeat scroll 10% 0% transparent',
    reg = /(?:\(['"]?)(.*?)(?:['"]?\))/,
    extracterUrl = reg.exec(background)[1];