我正在使用 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";
}
顺便说一下,我没有使用表单标签
答案 0 :(得分:0)
我刚刚关闭了我的 vs 代码实时服务器。我忘记了我在 vs 代码中对文件夹系统所做的任何更改都会刷新页面。