ホームページ  >  記事  >  ウェブフロントエンド  >  選択したファイルを HTML5 FileList から削除するにはどうすればよいですか?

選択したファイルを HTML5 FileList から削除するにはどうすればよいですか?

Patricia Arquette
Patricia Arquetteオリジナル
2024-10-23 06:59:01355ブラウズ

How to Remove Selected Files from a HTML5 FileList?

FileList から不要なファイルを削除する

HTML5 ドラッグ アンド ドロップ ファイル アップロード アプリケーションを使用している場合、次のような状況が発生することがあります。選択した FileList から特定のファイルを削除する必要があります。簡単そうに見えますが、リストから個々のファイルを直接削除することはできません。これは、HTMLInputElement インターフェイスで FileList 属性が読み取り専用として定義されているためです。

ただし、別のオプションがあります。 FileList からすべてのファイルを削除するには、input 要素の value プロパティを空の文字列に明示的に設定します。コード例は次のとおりです。

<code class="javascript">document.getElementById('multifile').value = "";</code>

空の値は入力要素からすべてのファイルを削除するため、このアプローチではリスト全体が削除されることに注意することが重要です。より詳細な制御が必要な場合は、FileList と対話するコードにチェックを実装する必要があります。これは面倒に思えるかもしれませんが、特定のファイルを保持し、他のファイルを破棄することができます。

以上が選択したファイルを HTML5 FileList から削除するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。