encodeURI函数不对括号“()”进行编码

Question

我正在尝试加载js代码下的背景图片，如下所述：

$('.main-banner').css('background-image', "url("+encodeURI(element.image)+")");

不幸的是，如果图像名称element.image包含一些括号：(或)，这将导致问题，图像将无法加载。

Answer 1

encodeURI不会对括号进行编码，请尝试手动替换它们，如下所示：

const url = element.image.replace("(", "%28").replace(")", "%29");
$('.main-banner').css('background-image', "url("+encodeURI(url)+")");

在替换之前使用encodeURI方法如下所示：

const url = encodeURI(element.image).replace("(", "%28").replace(")", "%29");
$('.main-banner').css('background-image', "url("+url+")");