时间戳

首页 > 解决方案 > 如何避免 move_uploaded_file() 在按钮单击时刷新页面

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

问题描述

我正在使用$.ajax({})jQuery，我试图在单击时将上传的文件移动到文件夹中。上传成功，但我的问题是上传时，页面刷新我已经尝试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";
}

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

标签： javascriptphpjqueryxampp

解决方案

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

推荐阅读