Alttaki kod ile yapmaya çalıştığım tam olarak şu.
File'den gelen resimleri ekrana bastırmak ve altlarına bir sil butonu ekliyorum.
Buna basınca resim formdan tamamen kaldırmak ve post ettiğim zaman (form u aynı sayfaya php ile post ediyorum ajax kullanmıyorum.) o resim gitmesin php ye.
Yani 4 resim seçtim 1 ini sildim PHP ye 3 resim gitsin.

Yapabildiğim kısım resimleri listelemek o kadar
Sil butonu mevcut ama file inputtan silemiyorum.

    $(document).ready(function(){

      $('.file').on('change', function(){
        const files = this.files;
        const resimlerKutu = $('.resimler');
        for ( var i=0; i<files.length; i++){
          let file = files[i];
          let name = file['name'];
          let size = file['size'];
          type = file['type'];

          let oku = new FileReader();
          oku.readAsDataURL(file);
          let reader = new FileReader();
          reader.onload = (function(file) {
            return function(e) {
              let kutu = $('<div></div>');
              let resim = $('<img>');
              let silBtn = $('<button type="button" class="sil">Sil</button>')

              resim.attr('src', e.target.result);
              kutu.append(resim);
              kutu.append(silBtn);
              resimlerKutu.append(kutu);

              silBtn.on('click', function() {
                kutu.remove();
              });

            };

          })(file);
          reader.readAsDataURL(file);

        }


      });

    });