从所选文件中删除一个文件并更新输入文件的formdata

Question

所以我搜索了很多问题，但我无法找到问题的正确答案。基本上，我有一个多个输入类型文件，我想要做的是显示所有选定的文件，然后为每个项目有删除按钮，如下所示：

现在这是我的问题，

当我删除所选项目中的项目时，如何更新输入类型文件的值？以及formdata如何读取输入的值？

$('.view').on('change', '#form-add-note #file', function(event){
 var files = event.originalEvent.target.files;
  files.forEach(function (file) {
    // do something
   });
});

$('.view').on('click', '#file-attachment-remove', function(e){
        var filename = $(this).data('name');
        // will act as remove item and updates the input value
    });


<div class="row">
  <div class="col-100">
    <label class="file-label button button-big color-black f16 bold link" for="file"><i class="fa fa-paperclip"></i><span class="file-text">Add Attachments</span></label>
    <input type="file" name="addnote-attachment[]" id="file" class="inputfile" multiple="true" />
   </div>        

之后它还需要更新输入的值，以便表单数据知道我删除了选项中的项目，因为我为每个输入使用了name属性

这个问题最相似，但它并没有解决我的问题.. How to remove one specific selected file from input file control