Bagaimana untuk Melaksanakan Muat Naik Fail AJAX jQuery dengan PHP?

Muat Naik Fail AJAX jQuery dengan PHP

Untuk berjaya melaksanakan muat naik fail dengan persediaan minimum, ikut langkah berikut:

Pihak Pelanggan (jQuery)

1. Kemas kini skrip jQuery seperti berikut:

$('#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
        }
    });
});

Sisi Pelayan (PHP)

2. Buat skrip PHP bernama 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']);
}

?>

Nota Tambahan:

• Pastikan direktori muat naik boleh ditulis pada pelayan.
• Laraskan laluan fail dalam fungsi move_uploaded_file() agar sepadan dengan lokasi sisi pelayan bagi muat naik direktori.
• Konfigurasikan upload_max_filesize dan post_max_size dalam tetapan PHP anda untuk menampung saiz fail.

Atas ialah kandungan terperinci Bagaimana untuk Melaksanakan Muat Naik Fail AJAX jQuery dengan PHP?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!