jQuery AJAX 및 PHP를 사용하여 간단한 파일 업로드를 구현하는 방법은 무엇입니까?

PHP를 사용한 jQuery AJAX 파일 업로드

문제: jQuery AJAX 및 PHP.

초기 HTML 및 JavaScript 스크립트:

<!-- 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");
    }
  });
});

문제 발생:
파일을 업로드하면 "[object FormData]"라는 경고가 나타나고 성공 경고는 호출되지 않은 상태로 유지됩니다. , '업로드'에 파일이 없습니다. 폴더.

해결책:
파일 업로드를 용이하게 하려면 파일 재배치 및 관리를 처리하는 서버측 스크립트가 필요합니다.

업데이트됨 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
    }
 });
});

서버측 PHP 스크립트(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']);
}

?>

추가 고려 사항:

• 업로드 디렉토리에 제공된 서버 경로가 올바른지 확인하세요.
• 업로드 디렉토리에 쓰기가 있는지 확인하세요.
• move_uploaded_file 함수 매개변수를 조정하여 파일 위치와 이름을 맞춤 설정하세요.
• upload_max_filesize 및 post_max_size에 대한 PHP 구성 설정을 확인하여 크기 관련 문제를 방지하세요.

위 내용은 jQuery AJAX 및 PHP를 사용하여 간단한 파일 업로드를 구현하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!