この記事は機械翻訳のミラー記事です。元の記事にジャンプするにはこちらをクリックしてください。

眺める: 13453|答える: 0

[Jquery] Javascrip{filter}t FormData in detail とその使用

[リンクをコピー]
掲載地 2018/05/08 16:30:39 | | |
FormDataは詳細な紹介と使用法です  https://developer.mozilla.org/zh ... ng_FormData_Objects

FormDataの手法やイベントはすでに非常に明確なので、ここでは時間を無駄にしません。 本記事では主にFormDataオブジェクトと非同期ファイルアップロードの利用について説明します。

FormDataオブジェクトは、XMLHttpRequestオブジェクトを使って送信されるキーと値のペアの集合を整理することを可能にします。 主にフォームデータの送信に使われますが、フォームを介して転送されるデータとは独立して使用できます。

1. FormDataオブジェクトを一から作成する

自分でFormDataオブジェクトを作成し、append()メソッドを使ってキーと値のペアをオブジェクトに追加できます。以下のように:

注:「userfile」と「webmasterfile」のフィールドにはファイルが含まれています。 「accountnum」フィールドに割り当てられた番号は、FormData.append()メソッドによって直接文字列に変換されます(フィールドの値はブロブ、ファイル、または文字列の場合があります。もし値がブロブでもファイルでなければ、その値は文字列に変換されます)。
この例では、「username」「accountnum」「userfile」「webmasterfile」というフィールドを持つFormDataインスタンスを作成し、XMLHttpRequestオブジェクトのsend()メソッドを使ってフォームデータを送信します。 「webmasterfile」というフィールドはブロブ(塊状)です。 ブロブオブジェクトはファイルオブジェクトの生データを表します。 しかし、ブロブで表現されるデータは必ずしもJavaScriptのネイティブ形式である必要はありません。 ファイルインターフェースはブロブに基づいており、ブロブの機能を引き継ぎ、ユーザーファイルシステムのサポートを拡大しています。 ブロブを作成するには、Blob()コンストラクタを呼び出すことができます。

2. HTMLフォームからFormDataオブジェクトを取得する

既存のフォームデータを含むFormDataオブジェクトを取得するには、FormDataオブジェクトを作成する際にフォーム要素を指定する必要があります。

このように:
FormDataオブジェクトを取得した後に追加データを追加することもできます。例えば:
これにより、送信前に追加情報を追加でき、必ずしもユーザー編集でなくてもよい。

3. FormDataオブジェクトを使ってファイルを送信します

FormDataを使ってファイルを送信できます。 単純<form>中は<input>次の要素を含むことができます:

その後、以下のコードを使って送信できます:
また、FormDataオブジェクトに直接ファイルやBlobを追加することもできます。例えば:
append()メソッドを使用する場合、3つ目のパラメータを使ってファイル名を送信することがあり(Content-Dispositionヘッダーを通じてサーバーに送信) 3つ目のパラメータが指定されていないか、サポートされていない場合、3つ目のパラメータはデフォルトで「blob」となります。

正しいオプションを設定しれば、jQueryでも使えます:







先の:英語語彙103976ダウンロード(SQL版)。
次に:.net/c#はサーバーの計算とIO速度をテストします
免責事項:
Code Farmer Networkが発行するすべてのソフトウェア、プログラミング資料、記事は学習および研究目的のみを目的としています。 上記の内容は商業的または違法な目的で使用されてはならず、そうでなければ利用者はすべての結果を負うことになります。 このサイトの情報はインターネットからのものであり、著作権紛争はこのサイトとは関係ありません。 ダウンロード後24時間以内に上記の内容を完全にパソコンから削除してください。 もしこのプログラムを気に入ったら、正規のソフトウェアを支持し、登録を購入し、より良い本物のサービスを受けてください。 もし侵害があれば、メールでご連絡ください。

Mail To:help@itsvse.com