JavaScriptでFile-APIオブジェクトからプロパティを削除するにはどうすればよいですか？

Question

ここで見つけたデモ（JavaScript file api）に基づいて、実際のアップロードが行われる前にプレビューサムネイルを生成するために、JavaScriptの「ファイル」APIを使用してアップロードする画像に関する情報を表示しています。

そうのように「複数の」属性を持つファイル入力を使用して、1つ以上のファイルが、同時に選択することができます：画像（複数可）一度<input type="file" id="imageFiles" name="userfile[]" multiple />

は、ユーザが選択されています、私は検査ファイヤーバグのある要素と私は、DOM内で、 "ファイル"オブジェクトが選択された各イメージに関する情報を含んでいることを知ることができます。

"ファイル"オブジェクトには、ファイルが選択されたのと同じ数のプロパティが含まれ、各プロパティには各イメージに関する情報が含まれます。私はそれぞれのプロパティがオブジェクトそのものであるという意味で、 "ファイル"オブジェクトを連想配列として記述することしかできませんでした。

私がしたいことは、ファイルを「ファイル」オブジェクトから削除して、アップロードする画像の1つを削除し、画像を再度選択する必要がないことです。

これまでのところ、これは私が試したし、それが動作しないものです：

var getAllFiles = document.getElementById('imageFiles'); 
var allImages = getAllFiles.files; // returns an object with X properties 
delete allImages[X]; // "X" is whatever property key I'm passing in 

私は「スプライス（）」メソッドを試してみたが、それはどちらか動作しません。

ありがとうございました。

Answer 1

.filesは読み取り専用ですので、変更することはできません。

var files = [].slice.call(this.files); 
files.splice(1, 1); //whatever works for normal array 

：あなたは配列にファイルそのものを抽出することができますが、あなたは、通常のフォームのアップロードを使用することはできません、あなたが使って通常の配列にファイルを抽出することができますbinary XHR

を介してそれらをアップロードする必要があるだろうまた、単に最初の場所での入力でaccept="image/*"を置くことができます：

<input type="file" id="imageFiles" accept="image/*" name="userfile[]" multiple /> 

は、私はあなたがこれらのファイルAPIなしでIEや他のブラウザでは動作しません理解してそれを取ります。