js背景图片无法显示

Question

使用js设置背景图片

   for (let i = 0; i < arr1.length; i++) {
            imgs[i].onclick = function () {
                box3.style.background = `url(${bgc[i].src}) no-repeat `
            }
        }

其中bgc是图片的数组，图片不能显示；如果把bgc换成另一个图片数组，图片正常显示

在css中设置，

background-image: url(./imgs/1\ \(1\).png);

图片可以显示。

调试后，应该是bgc的问题，但从css可以看出路径并没有问题；对比另一个图片数组，代码也没有问题。
所有问题到底是哪里？

---

查出来是图片路径的问题，但还是很疑惑。原因是，
1.这是图片路径：

2.这是路径代码：

let bgc = [
            { src: './imgs/s1.png' },
            { src: './imgs/1(2).jpg' },
            { src: './imgs/3\ \(1\).jpg' },
            { src: './imgs/3\ \(2\).jpg' },
        ]

background-image: url(./imgs/1\ \(2\).jpg);

{ src: './imgs/s1.png' }是重命名后有效可以显示的；
{ src: './imgs/3\ (1).jpg' }是vscode自动转化，无效不能显示的
手动输入 { src: './imgs/1(2).jpg' }也是无效的
（为什么 url(./imgs/1(2).jpg)会自动转化为 url(./imgs/1\ (2).jpg)？，为什么这种格式会无效啊？大佬救救我

Answer 1

望采纳。
这样设置一下，另外检查一下这个数组的路径对不对，图片名称等：

box3.style.backgroundImage = `url(${bgc[i].src})`;
box3.style.backgroundRepeat = "no-repeat";