Javascript-如何改变css中的background-image属性?

Question

使用Javascript，我试图改变我的web应用程序的背景图像。

我是这样做的:

const bgimg = {
backgroundImage: "URL('../../Images/arches.JPG')"
}

<div style={bgimg} id="bg_img">

这个方法工作得很好，当我使用一个图片从互联网与它的url，但它不会让我添加一个本地图像。我可以在电脑上使用相同的图片如果我在css中实现它，比如

.container_image {
background-image: url(./Images/yellow_stone_copy.JPG)
}

但是我想能够改变背景，当它运行时，在我的电脑上的图像。我做错了什么?

Answer 1

确保你想使用的图像的url是相对于html文件而不是js文件的