Javascript 多姆旺'；t运行后刷新功能

我正在尝试使用预览创建一些上载图像功能，我将图像URL推送到数组中，并设置if条件以避免上载多个图像，并在删除图像预览时清空数组。
但我有一些问题，当我选择一些图像（比如图像A）并将其从预览框中删除时，它应该能够在下一步中选择图像A，但它不能，除非我选择另一个具有不同名称的图像，以下是我的代码：

var arrCover=[]；
var-arrIm=[]；
函数uploadBanner（arr，前缀）{
var覆盖；
如果（arr=='coverBanner'）{
封面=（$（'.campaign cover image'）[0]。文件[0]；
arr=arr覆盖；
}否则{
封面=（$（'.campaign im image'））[0]。文件[0]；
arr=arrIm；
}
如有（封面）{
var reader=new FileReader（）；
reader.onload=函数（e）{
const image=e.target.result；
arr.push（图像）；
如果（arr.length<2）{
var imgs=$(`
`);
var removecon=$（`x`）；
$（“.活动封面”+前缀）。附加（imgs）；
$（'.campaign封面图像'+前缀）.append（removecon）；
}否则{
警报（“仅1张图像”）；
}
};
reader.readAsDataURL（封面）；
}
$（document.body）。在（'单击'，'上。删除封面'+前缀，函数（）{
如果（前缀==“-横幅”）{
var prevImg=$（'.image cover'+前缀）.attr（'src'）；
arrCover.过滤器（功能（el）{
var prevArr=el==prevImg；
if（prevArr）{
ARRCOVERD=[]；
$（'.campaign封面图像'+前缀）.val（''）；
}
});
$（this）.closest（'.campaign cover image'+前缀）.remove（）；
}
});
}
$（文档）.ready（函数（）{
上传横幅（）；
});
#上传按钮{
显示：内联块；
}
#上传按钮输入[类型=文件]{
显示：无；
}
.btn{
边框：1px纯黑；
}

JS-Bin


添加图像1


添加图像2
这有点粗糙，但您可以尝试刷新dom

很好

如果您发现另一个问题可以回答此问题，请将结束标记为重复，而不是仅链接到该问题。