2017-07-06 19 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

私の基本的な必要性がSを削除することです複数の入力からの単一ファイル。私はいくつかのStackoverflowの答えとブログを読んだことがあります。ファイルはFileListオブジェクトにあり、読み込み専用です。だから、私はローカルコピーを作ってそれを操作しようとしています。 FileListオブジェクトが削除されると、配列filelistも削除されます。

+1

ファイルを削除する必要がありますか?なぜファイルを処理するときにそれをスキップしないのですか? –

+0

あなたはそれをサーバー側でスキップすることを意味しますか? – Yogi

+0

ありがとう、私はサーバー側でファイルをスキップすることができます。しかし、FileListオブジェクトをコピーできない理由を知りたいですか? – Yogi

答えて