首頁 > 後端開發 > php教程 > 如何使用 PHP 實作 jQuery AJAX 檔案上傳?

如何使用 PHP 實作 jQuery AJAX 檔案上傳?

Linda Hamilton
發布: 2024-12-23 22:48:17
原創
792 人瀏覽過

How to Implement jQuery AJAX File Uploads with PHP?

使用PHP 進行jQuery AJAX 檔案上傳

要以最少的設定成功實現檔案上傳,請依照下列步驟操作:

客戶端(jQuery)

  1. 更新jQuery 腳本如下:
$('#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', // Expect text back from the PHP script
        cache: false,
        contentType: false,
        processData: false,
        data: form_data,
        type: 'post',
        success: function(php_script_response) {
            alert(php_script_response); // Display any response from the 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']);
    }
    
    ?>
    登入後複製

    附加說明:

    • 確保上傳目錄在伺服器上可確保上傳目錄在伺服器上寫。
    • 調整 move_uploaded_file() 函數中的檔案路徑以符合上傳的伺服器端位置目錄。
    • 在 PHP 設定中設定 upload_max_filesize 和 post_max_size 以適應檔案大小。

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

    來源:php.cn
    本網站聲明
    本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
    作者最新文章
    熱門教學
    更多>
    最新下載
    更多>
    網站特效
    網站源碼
    網站素材
    前端模板