ファイルアップロード用に FileList と FormData をプログラムで変更する方法

指定したファイルで FileList と FormData を変更する方法

の .files プロパティを設定する別の の FileList 要素を持つ要素または DataTransfer.files を使用すると、アップロードするファイルを指定できます。ただし、このアプローチには課題があります。

• .files.length プロパティは 0 のままです。
• FormData() に渡される File オブジェクトの .size は 0.

DataTransfer を使用したソリューション

DataTransfer コンストラクターは、DataTransferItemList を通じてアクセスできる変更可能な FileList を作成します。 FileList に任意のファイルを設定するには、次の方法を使用できます。

const dT = new DataTransfer();
dT.items.add(new File(['foo'], 'programmatically_created.txt'));
inp.files = dT.files;

ここで、dT は新しい DataTransfer オブジェクト、inp は入力要素です。この手法を使用すると、特定のファイルを設定し、FileList の .length プロパティを更新し、ファイルが FormData オブジェクトに確実に反映されるようにすることができます。

以上がファイルアップロード用に FileList と FormData をプログラムで変更する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。