jQuery AJAX を使用してファイルをアップロードできますか?またその方法は?

jQuery Ajax を使用して POST を使用してファイルをアップロードできますか?

提供されている jQuery コードでは、AJAX 経由のファイル アップロードはできません。応答に示されているように、AJAX を介してファイルを直接アップロードすることはできません。

しかし、XHR2 の出現により、FormData オブジェクトを使用して AJAX を介したファイルのアップロードが可能になりました。これを機能させるには、次のような FormData をサポートするブラウザを使用する必要があります。

• IE 10
• Firefox 4.0
• Chrome 7
• サファリ 5
• オペラ 12

ファイルのアップロードに FormData を使用するようにコードを変更する方法は次のとおりです。

var formData = new FormData();
formData.append('file', fileObject); // Replace 'fileObject' with your file input element

$.ajax({
    type: "POST",
    timeout: 50000,
    url: url,
    data: formData, // Use formData instead of dataString
    processData: false, // Prevents jQuery from converting formData to a string
    contentType: false, // Tells jQuery not to set any content type header
    success: function (data) {
        alert('success');
        return false;
    }
});

この変更されたコードでは、FormData オブジェクトを作成し、それにファイルを追加します。 jQuery がデータを正しく処理できるようにするには、processData と contentType を false に設定します。

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