HTML5 のドラッグ アンド ドロップ アップロードで FileList からファイルを個別に削除できますか?

ドラッグ アンド ドロップ アップロード中の HTML5 FileList でのファイルの削除

HTML5 ドラッグ アンド ドロップ アップロード アプリケーションでは、FileList は次から取得されます。 dataTransfer オブジェクトは、指定された領域にドロップされたファイルへのアクセスを提供します。ただし、この FileList から特定のファイルを削除する場合、疑問が生じます。

FileList からファイルを削除できますか?

残念ながら、この記事の執筆時点ではそうではありません。 FileList から個々のファイルを選択的に削除できます。この制限は、HTMLInputElement の FileList 属性を読み取り専用にすることを義務付ける File API 仕様に起因します。

選択的ファイル削除の代替手段

目的が次の場合特定のファイルが処理またはアップロードされないようにするには、次の 2 つの代替アプローチがあります:

1. サーバー側フィルタリング: フィルタリングするファイルを処理するサーバー側スクリプトにチェックを実装します。不要なファイルを取り除きます。このソリューションは、ネットワーク経由で不要なファイルを送信するオーバーヘッドが軽減されるため、より効率的です。
2. 入力値の置換: input 要素の value プロパティを設定することによって (ファイルがドロップされる場所)空の文字列にすると、FileList 全体をクリアできます。これを使用すると、ファイルの選択をリセットし、新しいファイルのセットからやり直すことができます。ただし、このアプローチは選択的ではありません。

以上がHTML5 のドラッグ アンド ドロップ アップロードで FileList からファイルを個別に削除できますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。