2017-07-06 59 views
-2

HTML:如何从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]) 
}); 

我的控制台输出:

console.output

我的基本需要是删除A S来自多个输入的单个文件。我已经阅读了几个stackoverflow的答案和博客,文件是在FileList对象,它是只读的。所以,我试图制作一个本地副本并尝试操纵它。一旦FileList对象被删除,数组文件列表也被删除。

+1

您确定需要删除一个文件吗?为什么不在处理文件时跳过它? –

+0

你的意思是在服务器端跳过它? – Yogi

+0

谢谢,我可以跳过服务器端的文件。但我想知道为什么FileList对象不能被复制? – Yogi

回答

相关问题