アップロードするファイルをシリアル化するための Ajax Serialize() フォーム

この記事では、Ajax Serialize() フォームのシリアル化によるファイルのアップロードに関する ajax 情報を主に紹介します。ただし、従来のフォーム送信ではページが更新されますが、場合によってはページを更新したくない場合があります。この場合は、すべて Ajax を使用してリクエストを作成します。

serialize()を使用してフォームをシリアル化して送信します

<form id="uploadForm" action="" method="post" enctype="multipart/form-data"> 
   <p>上传文件：<input type ="file" name="file"/></p> 
   <input type="submit" value="上传"/> 
</form>

上記のように、フォームは$('#uploadForm').serialize()を通じてシリアル化でき、それによってフォームをAllに変換できます。のパラメータはサーバーに渡されます。

ただし、上記のメソッドは一般的なパラメータのみを渡すことができ、アップロードされたファイルのファイルストリームをシリアル化して渡すことはできません。ただし、現在、主流のブラウザは FormData と呼ばれるオブジェクトをサポートし始めており、このオブジェクトを使用すると、Ajax を使用してファイルを簡単にアップロードできます。

FormData を使用して Ajax リクエストを作成し、ファイルをアップロードします

$.ajax({ 
   url: "", 
   type: "POST", 
   data: $('#uploadForm').serialize(), 
   success: function(data) {   
   }, 
   error: function(data) {
   } 
});

上記は、ファイルをシリアル化してアップロードするためにエディターが紹介した Ajax Serialize() フォームです。みんな！ ！

関連する推奨事項:

非同期リフレッシュを実現する手書きAjaxの方法例

HTTPメッセージとajaxの基礎知識を説明する例

Ajax非同期リクエスト技術の分析例

以上がアップロードするファイルをシリアル化するための Ajax Serialize() フォームの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。