Bagaimana untuk Memuat naik Fail Menggunakan jQuery AJAX dan PHP?

Muat Naik Fail AJAX jQuery dengan PHP

Untuk mendayakan muat naik fail pada halaman intranet anda, ikuti langkah berikut:

Pihak Pelanggan (HTML dan JavaScript )

Gunakan HTML berikut untuk pemilihan fail:

<input>

Kemas kini JavaScript anda untuk menghantar fail yang dipilih ke pelayan:

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

Sebelah pelayan (PHP)

Buat skrip PHP bernama upload.php untuk mengendalikan muat naik fail:

<?php

if (0 < $_FILES['file']['error']) {
    echo 'Error: ' . $_FILES['file']['error'] . '<br>';
} else {
    move_uploaded_file($_FILES['file']['tmp_name'], 'uploads/' . $_FILES['file']['name']);
}

?>

Pastikan bahawa direktori "muat naik" telah menulis kebenaran.

Menamakan semula Fail yang Dimuat Naik

Untuk menamakan semula fail semasa muat naik, gunakan kod berikut dalam skrip PHP:

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

Ingat untuk mengkonfigurasi tetapan PHP anda untuk upload_max_filesize dan post_max_size sewajarnya.

Atas ialah kandungan terperinci Bagaimana untuk Memuat naik Fail Menggunakan jQuery AJAX dan PHP?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!