这里我有多上传图像的功能。
因此，在这里，如果用户选择多个图像，那么使用下面的JavaScript代码，我们可以上传多个图像。
但在这里，我想增强功能，上传的图像应该有一个十字图标，比如关闭图像。如果用户不想上传特定的图像，他可以删除或删除所需的图像，而不是所有的图像，如果图像不是好的，用户可以删除该图像。
所以请帮助我如何实现
var loadFile = function(event) {
for (let i = 0; i < event.target.files.length; i++) {
var image = document.createElement('img');
image.src = URL.createObjectURL(event.target.files[i]);
image.id = "output";
image.width = "200";
document.querySelector(".cont").appendChild(image);
}
};<input required name="images" type="file" multiple class="form-control-file" onchange="loadFile(event)">
<p class="cont"></p><!DOCTYPE html>
<html>
<body>
<input required name="images" type="file" multiple class="form-control-file" onchange="loadFile(event)">
<div id="cont"></div>
<body>
<script>
var loadFile = function(event) {
var imgCont = document.getElementById("cont");
for (let i = 0; i < event.target.files.length; i++) {
var divElm = document.createElement('div');
divElm.id = "rowdiv" + i;
var spanElm = document.createElement('span');
var image = document.createElement('img');
image.src = URL.createObjectURL(event.target.files[i]);
image.id = "output" + i;
image.width = "200";
spanElm.appendChild(image);
var deleteImg = document.createElement('p');
deleteImg.innerHTML = "x";
deleteImg.onclick = function() {this.parentNode.remove()};
divElm.appendChild(spanElm);
divElm.appendChild(deleteImg);
imgCont.appendChild(divElm);
}
};
</script>
</html>