jQuery で AJAX ファイルをアップロードするために FormData を正しく使用する方法は?

AJAX ファイル アップロードに FormData を使用する

このシナリオでは、ドラッグ アンド ドロップを使用して AJAX ファイル アップロードを実装しようとしています。生成されたHTMLフォーム。ただし、現在の JavaScript 実装では、ファイルのアップロードに FormData オブジェクトを正しく利用するための調整が必要です。

準備

まず、FormData オブジェクトを作成します。

var form = $('form')[0]; // For the entire form
var formData = new FormData(form);

あるいは、特定のデータを指定して、以下が含まれます:

var formData = new FormData();
formData.append('section', 'general');
formData.append('action', 'previewImg');
formData.append('image', $('input[type=file]')[0].files[0]);

フォームの送信

次に、jQuery AJAX リクエストを更新して次の設定を含めます:

$.ajax({
    url: 'Your url here',
    data: formData,
    **type: 'POST', // Use POST requests for file upload**
    contentType: false, // Important for file upload
    processData: false, // Important for file upload
    // ... Other options like success and etc
});

これらの設定フォーム データが multipart/form-data リクエストとして正しく送信されていることを確認します。これはファイルにとって不可欠です。

補足:

• contentType: false は、jQuery 1.6 以降でのみ使用できます。
• タイプ: 'POST' 設定ファイルのアップロードには POST リクエストが必要なため、これは非常に重要です。

以上がjQuery で AJAX ファイルをアップロードするために FormData を正しく使用する方法は?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。