【Node.js24.x】Object::FormData()メソッドの使い方

FormDataメソッドは、ウェブフォームのデータを表現し、HTTPリクエストのボディとして送信するために実行されるメソッドです。このメソッドは、ウェブアプリケーションにおいて、ブラウザからサーバーへファイルを含む複雑なデータを効率的に送信する際に特に有用です。例えば、ユーザーがウェブサイト上でファイルをアップロードしたり、複数のテキスト入力フィールドの値を送信したりする場面で活用されます。

FormDataメソッドを使用することで、開発者はHTMLフォームから直接取得したデータを処理したり、プログラム上で任意のキーと値のペアを新しく追加したりできます。特に、ファイルのバイナリデータとテキストデータをmultipart/form-dataという形式でまとめて送信する機能は、従来のデータ送信方法よりも遥かに簡単で堅牢です。fetch APIなどのネットワークリクエストと組み合わせることで、手間なく複雑なデータをサーバーに送信できるようになります。システムエンジニアを目指す方にとって、ウェブフロントエンドとバックエンド間のデータ連携を理解する上で、このFormDataメソッドの役割は非常に重要となります。

Copy
1const formData = new FormData();
2formData.append('username', 'exampleUser');
3formData.append('email', 'user@example.com');

form

• form: FormData: 新しく作成するFormDataインスタンスの元となるFormDataインスタンス、またはキーと値のペアを含むオブジェクト。指定しない場合、空のFormDataインスタンスが作成されます。

FormData

FormDataメソッドは、新しいFormDataオブジェクトを生成して返します。このオブジェクトは、HTMLフォームのフィールドと値を保持するために使用されます。