Javascript 从预览中选择的文件中删除文件

我有一个网站，用户可以上传多个文件（仅图像）。我添加了一个功能，可以在预览中看到上传的文件。我从另一个关于stackoverflow的帖子得到了帮助

函数预览图像（）{
var$preview=$（'#preview'）.empty（）；
if（this.files）$.each（this.files，readAndPreview）；
函数readAndPreview（i，文件）{
if（！/\（jpe？g | png | gif）$/i.test（file.name））{
返回警报（file.name+“不是图像”）；
}
var reader=new FileReader（）；
$（读卡器）.on（“加载”，函数（）{
$preview.append（$（“

上传图像
只需将您的
img
标记与父节包装在一起，并添加一个元素以删除该图像。然后，向该元素添加一个单击侦听器，并轻松删除相应的图像，如下所示：


函数预览图像（）{
var$preview=$（'#preview'）.empty（）；
if（this.files）$.each（this.files，readAndPreview）；
函数readAndPreview（i，文件）{
if（！/\（jpe？g | png | gif）$/i.test（file.name））{
返回警报（file.name+“不是图像”）；
}
var reader=new FileReader（）；
$（读卡器）。打开（“加载”，函数（e）{
$preview.append(`

删除图像
`);
});
reader.readAsDataURL（文件）；
$（文档）。在（“单击”、“.remove”上，函数（）{
$（this.parent（“.parent span”）.remove（）；
});
}
}
$（“#文件输入”）。打开（“更改”，预览图像）；
.imageThumb{
高度：100px；
宽度：100px；
光标：指针；
}
.父跨度{
显示：内联块；
利润率：10px 10px 0；
}
.移除{
背景：#444；
边框：1px纯黑；
边框：1px纯黑；
颜色：白色；
文本对齐：居中；
光标：指针；
}
。移除：悬停{
背景：白色；
颜色：黑色；
}

上传图像
请再试一次