Javascript 输入更改时的多个缩略图库

我有一个类型为文件的输入，当我更改此输入的值时，它会显示我选择的图像的缩略图（作为背景）。 我的问题是，当我决定第二次更改它时，旧的图像不会消失。我的代码如下：

document.addEventListener（“DOMContentLoaded”），函数（事件）{
const inputLocalFont=document.getElementById（“产品图像”）；
inputLocalFont.addEventListener（“更改”，预览图像，false）；
函数previewImages（）{
让fileList=this.files；
让anyWindow=window.URL | | window.webkitURL；
for（设i=0；i{
activeThumb.forEach（节点=>{
node.classList.remove（“活动”）；
});
e、 currentTarget.classList.add（“活动”）；
}
activeThumb.forEach（节点=>{
node.addEventListener（“单击”，handleClick）
});
}
});
#缩略图{
边缘顶部：20px；
}
#缩略div{
高度：150像素；
宽度：150px；
背景尺寸：封面；
背景位置：中心；
浮动：左；
右边距：10px；
边缘底部：10px；
边界半径：7px；
光标：指针；
边框：3px实心#E7E7E7；
}
#缩略图分区活动{
边框：3px实心#9BC2EA；
}
Move
const thumboil=document.getElementById（“缩略图”）在该循环的外部和上方。然后执行
thumbnail.innerHTML='
，就在这之后，循环之前。您只是附加了元素内容，而从不清除元素内容