Bagaimana untuk Melaksanakan Muat Naik Fail Mudah Menggunakan jQuery AJAX dan PHP?

Muat Naik Fail AJAX jQuery dengan PHP

Isu: Melaksanakan muat naik fail mudah dengan persediaan minimum menggunakan jQuery AJAX dan PHP.

HTML dan JavaScript permulaan Skrip:

<!-- HTML -->
<input>

<!-- JavaScript -->
$("#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: "/uploads",
    dataType: 'script',
    cache: false,
    contentType: false,
    processData: false,
    data: form_data,
    type: 'post',
    success: function() {
      alert("works");
    }
  });
});

Masalah yang Dihadapi:
Setelah memuat naik fail, amaran yang menunjukkan "[object FormData]" muncul, amaran kejayaan kekal tidak dipanggil , dan tiada fail hadir dalam "muat naik" folder.

Penyelesaian:
Untuk memudahkan muat naik fail, skrip sebelah pelayan diperlukan untuk mengendalikan pemindahan dan pengurusan fail.

Dikemas kini Skrip JavaScript:

$('#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', // Point to server-side PHP script 
    dataType: 'text',  // Expect a response 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 response from the PHP script
    }
 });
});

Skrip PHP Bahagian Pelayan (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']);
}

?>

Pertimbangan Tambahan:

• Pastikan laluan pelayan yang disediakan ke direktori muat naik adalah betul.
• Sahkan bahawa direktori muat naik mempunyai kebenaran menulis.
• Laraskan parameter fungsi move_uploaded_file untuk menyesuaikan peletakan dan nama fail.
• Semak tetapan konfigurasi PHP untuk upload_max_filesize dan post_max_size untuk mengelakkan isu berkaitan saiz.

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