JS中如何转义背景图片URL？动态修改div背景图语法求助

你的代码问题出在模板字符串语法错误、引号混用，导致变量无法正确解析。这里给你两种可行的修正方案：

方案1：使用ES6模板字符串（推荐） #

这是最简洁直观的写法，用反引号包裹整个字符串，变量用${变量名}的形式插入：

previewBackground.style.backgroundImage = `url('/images/${object.firstName}.png')`;

方案2：传统字符串拼接 #

如果你的环境不支持ES6，也可以用字符串拼接的方式：

previewBackground.style.backgroundImage = "url('/images/" + object.firstName + ".png')";

错误原因说明 #

你原来的代码里，模板字符串的变量语法写错了（正确写法是${object.firstName}而非object.firstName}），同时外层用双引号包裹反引号的写法不符合语法规范，导致变量无法被正确识别替换。

内容的提问来源于stack exchange，提问作者Liam