如何从html输入类型文件中删除单个文件？

Question

HTML：

<div class="filesdiv">
        <input type="file" name="files" id="files" style="display: none;" multiple 
      required>
        <label for="files" class="btn btn-xs">Upload files</label>
        <div class="filenames"></div>
</div>

JQUERY：

var filelist = [];

$('#files').change(function(event) {
    files = this.files;
    console.log(files);
    filelist.push(files);
    console.log(filelist[0]);
    $('.filenames').empty()
    $.each(files, function(index) {
        $('.filenames').append('<div style="overflow: hidden;">'+this.name+'</div>');
    });
    $('#files').val('')
    console.log(this.files)
    console.log(filelist[0])
});

我的游戏机输出：

我的基本需求是从多个输入中删除单个文件。我已经阅读了一些stackoverflow答案和博客，文件在FileList对象中，它是只读的。所以，我正在尝试制作本地副本并试图操纵它。一旦删除了FileList对象，那么就是数组文件列表。

Answer 1

您可能希望使用lib来简化生活。

像uploadify这样的东西：http://www.uploadify.com/documentation/uploadifive/implementing-uploadifive/