Bagaimana untuk Menyelesaikan Masalah Muat Naik Fail AJAX jQuery dengan Pelaksanaan Sisi Pelayan PHP?

Muat Naik Fail AJAX jQuery dengan PHP: Penyelesaian Masalah dan Pelaksanaan Sisi Pelayan

Penerangan Masalah

Persoalannya berkisar tentang melaksanakan fungsi muat naik fail asas pada halaman intranet menggunakan jQuery AJAX dan PHP. Pengguna telah menyediakan kod HTML dan jQuery tetapi menghadapi masalah dengan memuat naik fail dan menyimpannya dalam direktori yang dikehendaki. Selain itu, mereka mendapatkan nasihat tentang menamakan semula fail pada bahagian pelayan.

Memahami Isu

Skrip jQuery menghantar borang yang mengandungi fail yang dimuat naik ke skrip PHP sebelah pelayan melalui permintaan AJAX . Walau bagaimanapun, isunya terletak pada kekurangan skrip PHP pada pelayan untuk memproses fail dan mengalihkannya ke direktori muat naik yang ditentukan.

Penyelesaian

Skrip PHP Bahagian Pelayan

Untuk membetulkan isu tersebut, skrip PHP bernama 'upload.php' diperlukan pada pelayan. Skrip ini akan mengendalikan muat naik fail dan melaksanakan operasi yang diperlukan. Berikut ialah kod untuk skrip 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']);
}

?>

Skrip PHP ini:

• Menyemak sebarang ralat semasa memuat naik fail dan mencetak mesej yang sesuai.
• Jika tiada ralat berlaku, ia menggunakan fungsi 'move_uploaded_file' untuk mengalihkan fail yang dimuat naik dari lokasi sementaranya ke 'muat naik' direktori.

Skrip jQuery yang dikemas kini

Dalam skrip jQuery, URL diubah suai untuk menghala ke skrip 'upload.php'. Selain itu, menukar 'dataType' kepada 'teks' membolehkan untuk memaparkan respons daripada skrip PHP jika ada. Skrip yang dikemas kini:

$('#upload').on('click', function() {
    var file_data = $('#sortpicture').prop('files')[0];   
    var form_data = new FormData();                  
    form_data.append('file', file_data);
    alert(form_data);                             
    $.ajax({
        url: 'upload.php',
        dataType: 'text', 
        cache: false,
        contentType: false,
        processData: false,
        data: form_data,                         
        type: 'post',
        success: function(php_script_response){
            alert(php_script_response);
        }
     });
});

Menamakan semula Fail di Bahagian Pelayan

Dalam penyelesaian di atas, fail yang dimuat naik mengekalkan nama asalnya. Untuk menamakan semula fail, buat pengubahsuaian berikut dalam skrip PHP:

move_uploaded_file($_FILES['file']['tmp_name'], 'uploads/my_new_filename.whatever');

Barisan ini menggantikan nama fail asal dengan 'my_new_filename.whatever' dalam direktori 'muat naik'.

Nota

• Ingat untuk memastikan bahawa direktori 'muat naik' wujud dan boleh ditulis.
• Semak tetapan konfigurasi PHP anda untuk 'upload_max_filesize' dan 'post_max_size' untuk memastikan fail ujian anda tidak melebihi had ini.

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