jQuery AJAX と PHP を使用してファイルをアップロードするにはどうすればよいですか?

PHP を使用した jQuery AJAX ファイルのアップロード

イントラネット ページでのファイルのアップロードを有効にするには、次の手順に従います。

クライアント側 (HTML および JavaScript) )

ファイルには次の HTML を使用します選択:

<input>

JavaScript を更新して、選択したファイルをサーバーに送信します:

$("#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", // Point to the server-side PHP script
        dataType: 'text', // Expected response from PHP script
        cache: false,
        contentType: false,
        processData: false,
        data: form_data,
        type: 'post',
        success: function(php_script_response){
            alert(php_script_response); // Display response from PHP script
        }
    });
});

サーバー側 (PHP)

という名前の PHP スクリプトを作成します🎜>upload.php

ファイルを処理しますアップロード:

<?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」ディレクトリに書き込み権限があることを確認してください。

アップロードされたファイルの名前変更

アップロード中にファイルの名前を変更するには、次のコードを使用します。 PHP スクリプト:

move_uploaded_file(
    $_FILES['file']['tmp_name'],
    'uploads/new_filename.extension'
);

upload_max_filesize と PHP 設定を忘れずに構成してください。 post_max_size もそれに応じて変更します。

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