Javascript 浏览器中的url是否自动添加另一个“）”？

我有一个返回

imageUrl

，
我检查控制台是否正确

url（../../../../../assets/images/bottom/123.png）

但我不知道为什么在浏览器中，它添加了一个

）

，这样它就找不到图像了

function getImage(imageName) {
  const imagePath = '../../../../assets/images/bottom';
  const imageUrl = `url(${imagePath}/${imageName})`;
  console.log(imageUrl," --!!!!!!!!!!")
  return imageUrl
}

getImage('123.png') // url(../../../../assets/images/bottom/123.png)

html

---

我的代码怎么了

在

img src

中，您应该拥有

。/../../../../../assets/images/bottom/123.png

，而不是

url（../../../../../assets/images/bottom/123.png）

。结尾的括号（但开头没有）是浏览器试图从无意义中理解的结果<代码>url（…）是CSS；你把语言弄混了。

在

img src

中，你应该有

。/../../../../../../../../assets/images/bottom/123.png

，而不是

url（../../../../assets/images/bottom/123.png）

。结尾的括号（但开头没有）是浏览器试图从无意义中理解的结果<代码>url（…）是CSS；你把语言弄混了。

我不完全确定答案，但我相信

const imageUrl = `url(${imagePath}/${imageName})`;

就是你的问题发生的地方。 尝试在最后移除）以使其成为

const imageUrl = `url(${imagePath}/${imageName}`;

---

如果我是你，我会尝试一些东西。

我不完全确定答案，但我相信

const imageUrl = `url(${imagePath}/${imageName})`;

就是你的问题发生的地方。 尝试在最后移除）以使其成为

const imageUrl = `url(${imagePath}/${imageName}`;

如果我是你，我会尝试一些东西