获取后页面自动刷新，在 PHP 中使用"move_uploaded-file()"方法

Question

我通过fetch发送文件，并使用move_uploaded_file((方法将文件上传到PHP中。问题是，当我使用move_uploaded_file((方法时，页面会自动刷新，即使我上传了多个文件，也只是第一次上传，然后再次刷新页面。

PHP代码

if($img['error'] == 0 && $img['size'] > 0){
if (!is_dir('naber')) {
mkdir('naber', 0777, true);
}

$allowedExts = array("gif", "jpeg", "jpg", "png");
// $extension = explode(".", $_FILES["image"]["name"]);
// $extension = end($extension);
$extension = pathinfo($img['name'])['extension'];
if(!(in_array($extension, $allowedExts))){
$result['status'] = false;
$result['errmessage'] = 'Image type is invalid';
exit(json_encode($result));
}
$target_path = 'naber/';
$filename = time().'.'. strtolower($extension);
$full_path = $target_path."".$filename;
if(move_uploaded_file($img['tmp_name'], $full_path)){
$result['status'] = true;
$result['message'] = 'Image added successfully!';
}else{
$result['status'] = false;
$result['errmessage'] = 'Image type is invalid';
exit(json_encode($result));
}
}
exit(json_encode($result));

Javascript代码：

if(document.querySelector('#submit')) document.querySelector('#submit').addEventListener('click', (e) =>{
e.preventDefault();
...
fd = new FormData();
Array.from(document.querySelectorAll('.test')).some((t) => {
.......
tests['test'+i]['img'] = t.querySelector('.input-ifile').files[0];
fd.append('test'+i+'-img',tests['test'+i]['img']);
.......
fetch('handlers/handler.php', { method: 'POST' , body: fd})
.then(function (response) {
return response.text();
})
.then(function (body) {
console.log(body)
return false;
});
})

期望的结果是将文件上传到服务器，而不刷新index.php。

Answer 1

解决方案：花了几个小时找到问题后，发现问题不在代码中。发生这种情况是因为Visual Studio Live Server扩展。为了防止自动重新加载，只关闭实时服务器就足够了。