如何避免 move_uploaded_file() 在按钮点击时刷新页面

Question

我正在使用 jQuery 的 $.ajax({})，我试图在点击时移动文件夹中上传的文件。上传成功，但我的问题是上传时，页面正在刷新我已经尝试了 e.preventDefault() 和 <button type="button">

这是我的html代码

<input type="file" id="student-img-file" accept="image/*" name="student-img-file">
<button type="button" id="btn-submit-form" class="mt-4">Submit Form</button>

这是我的jQuery代码

$('button#btn-submit-form').on('click', function(e){
    let formData = new FormData()
    formData.append('student-img-data', $('#student-img-file').prop('files')[0])
    
    $.ajax({
        url: '../PHPFunctions/AdmissionFormFunction.php',
        method: 'POST',
        data: formData,
        contentType: false,
        processData: false,
        cache: false,
        success: function(result){
            console.log(result)
        }
    })
})

这是我的 PHP(AdmissionFormFunction.php) 代码

$studentImgData = $_FILES['student-img-data'];

if(move_uploaded_file($studentImgData['tmp_name'], '../FileUploads/' . $studentImgData['name'])){
    echo "YESSSSSSSSSSSS";
}

顺便说一句我没有使用表单标签

Answer 1

我刚刚关闭了我的 vs code 实时服务器。我忘记了我在 vs 代码中对我的文件夹系统所做的任何更改都会刷新页面。

如何避免 move_uploaded_file() 在按钮点击时刷新页面

How to avoid move_uploaded_file() refresh the page on button click

javascript

php

xampp

jquery