Remove Selected file from input:file

by Faisal Khan Janjua

HTML

<input type="file" name="myfiles" multiple="multiple" />

<div class="ar">
  <ul>

  </ul>
</div>

JavaScript

var selectedfiles = [];

$(document).on('change', 'input', function(){
  selectedfiles.push($('input')[0].files);
  $('.ar ul').empty();
  for(var ar=0; ar<selectedfiles[0].length; ar++) {
    $('.ar ul').append('<li>'+selectedfiles[0][ar].name+'</li>');
  }
  console.log(selectedfiles);
});

var newArr = [];
$(document).on('click', '.ar ul li', function(){
  var i = $(this).index();
  newArr = [];
  for(var j=0; j<selectedfiles[0].length; j++){
    if(i!=j) {
      newArr.push(selectedfiles[0][j]);
    }
  }
  selectedfiles[0] = newArr;

  console.log(newArr);
  console.log(selectedfiles);

});