如何使用 jQuery AJAX 和 PHP 上傳檔案？

使用PHP 進行jQuery AJAX 檔案上傳

要在您的Intranet 頁面上啟用檔案上傳，請依照下列步驟操作：

客戶端（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)

建立一個名為 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'
);

記住相應地配置您的PHP 設定upload_max_filesize 和post_max_size。

以上是如何使用 jQuery AJAX 和 PHP 上傳檔案？的詳細內容。更多資訊請關注PHP中文網其他相關文章！