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

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

인트라넷 페이지에서 파일 업로드를 활성화하려면 다음 단계를 따르세요.

클라이언트 측(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);
    $.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
        }
    });
});

서버측(PHP)

<이라는 이름의 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']);
}

?>

다음을 확인하세요. "uploads" 디렉토리에는 쓰기 권한이 있습니다.

업로드된 파일 이름 바꾸기

업로드 중에 파일 이름을 바꾸려면 PHP 스크립트에서 다음 코드를 사용하십시오.

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

기억하세요 upload_max_filesize 및 post_max_size에 대한 PHP 설정을 적절하게 구성하세요.

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