非同期 AJAX ファイル アップロードに FormData を使用する
AJAX ファイル アップロードに FormData を利用するには、次の重要な手順を実行します。
準備
jQuery の最初のフォーム要素を利用して、処理のために FormData() にフィードします。
var form = $('form')[0]; // Use standard JavaScript object var formData = new FormData(form);
または、特定のデータを選択します。 FormData():
var formData = new FormData(); formData.append('section', 'general'); formData.append('action', 'previewImg'); formData.append('image', $('input[type=file]')[0].files[0]); // Attach file
送信中フォーム
jQuery を使用して Ajax リクエストを作成します。
$.ajax({ url: 'Your url here', data: formData, type: 'POST', contentType: false, // Essential, do not omit (from jQuery 1.6+) processData: false, // Essential, do not omit // ... Other options like success, etc. });
このリクエストは、「multipart/form-data」エンコーディングを使用した通常のフォームと同様にデータを送信します。
注:
以上がjQuery での非同期 AJAX ファイル アップロードに FormData を使用するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。