Привет, я использую этот скрипт для загрузки нескольких файлов "изображение". Я хочу удалить указанное c изображение из входного файла, когда я нажимаю кнопку удаления, а также удалить его тег изображения
<form method='post' enctype='multipart/form-data'>
<div class="form-group panel panel-primary" >
<div class="panel-heading ">
<label > المرفقات </label>
</div>
<div class="panel-body">
<div class="upload-btn-wrapper col-xs-8" >
<div class="btn2 btn-lg btn-success btn-block">
اضغط هنا لتحميل مستند
</div>
<input type="file" name="img_file" id="img_file" class="form-control input-lg block" onchange="loadFile(event)" />
</div>
<div class="upload-btn-wrapper col-xs-4" >
<div class="btn2 btn-lg btn-danger btn-block del" onclick="clear_all();">
حذف الصور
</div>
</div>
<div class="col-lg-12"> </br></div>
<div class="img-responsive" id="base_parent"></div>
</div>
</div>
</form>
и js
var loadFile = function(event) {
var div = document.getElementById('base_parent');
var root = document.createElement("div");
root.setAttribute("class", "col-lg-3 col-xs-6 contain" );
var node = document.createElement("IMG");
node.setAttribute("height", "30%" );
node.setAttribute("width", "100%" );
var btn = document.createElement("BUTTON");
btn.setAttribute("class", "rm_btn btn btn-lg btn-danger" );
btn.innerHTML="حذف";
root.appendChild(node);
root.appendChild(btn);
node.src = URL.createObjectURL(event.target.files[0]);
document.getElementById("base_parent").appendChild(root);
};
И этот скрипт на коде пера демо Чтобы стать более понятным