Как удалить указанный файл c из нескольких файлов - PullRequest
0 голосов
/ 05 января 2020

Привет, я использую этот скрипт для загрузки нескольких файлов "изображение". Я хочу удалить указанное 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); 
                };

И этот скрипт на коде пера демо Чтобы стать более понятным

...