在javascript背景url的括号

时间:2013-12-17 15:47:34

标签: javascript css

我使用的插件存在问题,我需要通过jquery分配背景。

我从数据库中获取以下网址:

http://www.website.com/upload/projects/25/opbouw_(10)_(800x600).jpg 

由于网址中的括号,它不显示此图像。 我无法更改此URL,因为客户端已上传它。在您指出有关此问题的安全问题之前:我没有写过它,也无法更改它。不幸的是,我将不得不处理这个问题。

我在javascript网址中发现了类似的关于空格的问题,但您可以使用encodeURIComponentencodeURI来解决该问题,但()是非转义字符,不会格式正确。

我的问题是,我应该做些什么来确保图像正确显示?某种正则表达式? (我吮吸Regex btw)。

谢谢! : - )

编辑:

一些javascript代码......

iw.css({'background-image':'url('+ent.data("src")+')','backgroundPosition':'50% 49%', 'backgroundSize':'cover', 'background-repeat':'no-repeat'});

ent.data("src")是我回来的网址

1 个答案:

答案 0 :(得分:6)

定义背景图像的“正确”方式如下:

url("/path/to/image.jpg")

注意使用引号。人们似乎总是忘记引号......在大多数情况下它们是可选的,但正如这里所见,它们是正确解析所必需的。添加它们。