Javascript 无法更改div的背景图像

我不知道为什么我下面的代码不改变图像id的背景图像。当我将鼠标悬停在图像元素下方时，div标记（id=“image”）的背景图像应更改为所选图像的url。我甚至尝试过event.target.src，但失败了。虽然我可以更改元素的文本内容。代码中有什么问题？（我的图像文件工作正常，它们位于项目文件夹中）

函数更新（预览WPIC）{
document.getElementById（“image”）.style.backgroundImage=previewPic.src；
document.getElementById（“image”）.textContent=event.target.alt；
}

/*将此外部文件命名为gallery.css*/
身体{
利润率：2%；
边框：1px纯黑；
背景色：#B3；
}
#形象{
线高：650px；
宽度：575px；
高度：650px；
边框：5px纯黑；
保证金：0自动；
背景色：#8e68ff；
背景图像：url（“”）；
背景重复：无重复；
颜色：#FFFFFF；
文本对齐：居中；
背景大小：100%；
边缘底部：25px；
字体大小：150%；
}
.预览{
宽度：10%；
左边缘：17%；
边框：10px纯黑；
}
img{
宽度：95%；
}

照片库
将鼠标悬停在下面的图像上以显示在此处。

您忽略了在

url（…）

中包装

backgroundImage

属性的内容。尝试

document.getElementById（“image”）.style.backgroundImage=“url”（“+previewPic.src+”）