JavaScript 背景 URL 中的括号

Brackets in javascript background url

本文关键字：背景 URL JavaScript      更新时间：2023-09-26

我正在使用的插件有问题，我需要通过jquery分配背景。

我从数据库中返回以下网址：

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

由于 url 中的括号，它不会显示此图像。我无法更改此网址，因为客户端已上传它。在你指出这方面的安全问题之前：我没有写它，我也不能改变它。所以不幸的是，我将不得不处理这个问题。

我在javascript url中发现了一个关于空格的类似问题，但是您可以使用encodeURIComponent和encodeURI来解决这个问题，但是，()是未转义的字符，并且格式不正确。

我的问题是，我应该怎么做才能确保图像正确显示？某种正则表达式？（顺便说一句，我在正则表达式上很糟糕）。

谢谢！ ：-）

编辑：

一些JavaScript代码...

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

ent.data("src")是我得到的网址

定义背景图像的"正确"方法是这样的：

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

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

相关文章：