ホームページ > バックエンド開発 > PHPチュートリアル > 「[object FormData]」が表示されているにも関わらず、jQuery AJAX ファイルの PHP へのアップロードが失敗するのはなぜですか?

「[object FormData]」が表示されているにも関わらず、jQuery AJAX ファイルの PHP へのアップロードが失敗するのはなぜですか?

Susan Sarandon
リリース: 2024-12-28 03:51:09
オリジナル
853 人が閲覧しました

Why Does My jQuery AJAX File Upload to PHP Fail Despite Showing

PHP での jQuery AJAX ファイルのアップロード

問題: ブラウザーに「[object FormData]」と表示されているにもかかわらず、jQuery AJAX リクエストを介したファイルのアップロードが失敗します空の「uploads」フォルダ

解決策: jQuery AJAX を使用してファイルを正常にアップロードするには、アップロードされたファイルを処理し、目的の場所に移動するサーバー側スクリプトが必要です。

更新された jQuery スクリプト

次の更新された jQuery スクリプトは、次のサーバー側 PHP スクリプトを指します。 "upload.php":

$("#upload").on("click", function() {
    var file_data = $("#sortpicture").prop("files")[0];
    var form_data = new FormData();
    form_data.append("file", file_data);
    $.ajax({
        url: 'upload.php',
        dataType: 'text',
        cache: false,
        contentType: false,
        processData: false,
        data: form_data,
        type: 'post',
        success: function(php_script_response){
            alert(php_script_response);
        }
    });
});
ログイン後にコピー

サーバーサイド PHP スクリプト

次の "upload.php" スクリプトは、アップロードされたファイル内のエラーをチェックし、ファイルを "uploads" ディレクトリに移動します:

<?php
if (0 < $_FILES['file']['error']) {
    echo 'Error: ' . $_FILES['file']['error'] . '<br>';
} else {
    move_uploaded_file($_FILES['file']['tmp_name'], 'uploads/' . $_FILES['file']['name']);
}
?>
ログイン後にコピー

追加の考慮事項

  • 必ずご確認ください「uploads」ディレクトリへのサーバー パスが正しいことを確認してください。
  • 「uploads」ディレクトリが書き込み可能であることを確認してください。
  • テストを確実に行うために、PHP 設定の「upload_max_filesize」と「post_max_size」を確認してください。ファイルはこれらの制限を超えることはありません。

サーバー側を使用したファイルの名前変更スクリプト

PHP を使用してサーバー上のファイルの名前を変更するには:

move_uploaded_file($_FILES['file']['tmp_name'], 'uploads/my_new_filename.whatever');
ログイン後にコピー

以上が「[object FormData]」が表示されているにも関わらず、jQuery AJAX ファイルの PHP へのアップロードが失敗するのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート