PHP dan Ajax: Fungsi muat naik fail masa nyata

Bagaimana untuk melaksanakan muat naik fail masa nyata menggunakan PHP dan Ajax? Konfigurasikan muat naik fail dan tetapkan kebenaran dalam PHP. Buat skrip sebelah pelayan untuk mengendalikan muat naik. Tulis skrip sisi klien menggunakan jQuery untuk mengendalikan permintaan Ajax. Tambah kotak input fail dan butang serahkan pada borang HTML. Gunakan Ajax untuk menghantar fail secara tidak segerak ke pelayan dan menerima status muat naik tanpa memuat semula halaman.

PHP dengan Ajax: Muat naik fail masa nyata

Pengenalan

Teknologi Ajax (JavaScript dan XML Asynchronous) membenarkan komunikasi tak segerak dengan seluruh pelayan tanpa memuat semula Digabungkan dengan PHP, kami boleh mencipta fungsi muat naik fail masa nyata yang memberikan maklum balas masa nyata kepada pengguna.

Konfigurasi

Untuk menggunakan Ajax, kita perlu berkomunikasi antara skrip PHP dan JavaScript. Contoh ini menggunakan perpustakaan jQuery untuk mengendalikan permintaan Ajax daripada klien. Dalam tetapan PHP, pastikan muat naik fail dibenarkan dan kebenaran yang sesuai ditetapkan.

Skrip sisi pelayan (upload.php)

<?php
if (isset($_FILES['file'])) {
    $file = $_FILES['file'];

    // 验证并移动上传的文件
    if (move_uploaded_file($file['tmp_name'], 'uploads/' . $file['name'])) {
        echo '文件上传成功！';
    } else {
        echo '文件上传失败！';
    }
}
?>

Skrip sisi pelanggan (upload.js)

$(document).ready(function() {
    $("#file-form").submit(function(e) {
        e.preventDefault();

        let formData = new FormData(this);

        $.ajax({
            url: 'upload.php',
            type: 'POST',
            data: formData,
            cache: false,
            contentType: false,
            processData: false,
            success: function(data) {
                alert(data);
            },
            error: function() {
                alert('请求失败！');
            }
        });
    });
});

Borang HTML

<form id="file-form" enctype="multipart/form-data">
    <input type="file" name="file">
    <input type="submit" value="上传">
</form>

Fail yang paling praktikal

Atas ialah kandungan terperinci PHP dan Ajax: Fungsi muat naik fail masa nyata. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!