文件上传成功后无法跳转的问题求助

你用PHP的header('location:/path/')没效果，是因为这个上传用的是AJAX异步请求——服务器返回的跳转指令只会被AJAX接收，不会触发浏览器的页面跳转。要实现跳转，得通过前端JavaScript来处理，下面给你两种可行的方案：

方案一：结合后端返回的成功状态（推荐） #

这种方式能确保只有上传真正成功时才跳转，更严谨。

1. 修改后端upload.php #

在上传逻辑执行成功后，返回一个明确的成功标识（用JSON格式更方便前端解析）：

<?php
// 你的文件上传处理逻辑（比如移动临时文件到目标目录等）
$uploadSuccess = false;
if (!empty($_FILES['uploadingfile']) && $_FILES['uploadingfile']['error'] === UPLOAD_ERR_OK) {
    $targetPath = './uploads/' . basename($_FILES['uploadingfile']['name']);
    if (move_uploaded_file($_FILES['uploadingfile']['tmp_name'], $targetPath)) {
        $uploadSuccess = true;
    }
}

// 返回状态
if ($uploadSuccess) {
    echo json_encode(['status' => 'success', 'message' => '上传完成']);
} else {
    echo json_encode(['status' => 'error', 'message' => '上传失败']);
}
?>

2. 修改前端的completeHandler函数 #

接收后端响应后，判断状态是否为成功，再执行跳转：

function completeHandler(event) {
    try {
        // 解析后端返回的JSON数据
        const response = JSON.parse(event.target.responseText);
        _("status").innerHTML = response.message;
        _("progressBar").value = 0;
        document.getElementById('progressDiv').style.display = 'none';
        
        // 上传成功则跳转
        if (response.status === 'success') {
            // 替换成你要跳转的页面路径，比如'/success.html'
            window.location.href = '/你的目标页面路径';
        }
    } catch (e) {
        // 解析失败时的兼容处理
        _("status").innerHTML = event.target.responseText;
        _("progressBar").value = 0;
        document.getElementById('progressDiv').style.display = 'none';
    }
}

方案二：直接在上传完成后跳转（简单但不严谨） #

如果只是测试场景，不需要判断后端是否真的上传成功，可以直接在请求完成后跳转：

function completeHandler(event) {
    _("status").innerHTML = event.target.responseText;
    _("progressBar").value = 0;
    document.getElementById('progressDiv').style.display = 'none';
    
    // 直接跳转，替换成你的目标路径
    window.location.href = '/你的目标页面路径';
}

⚠️ 注意：这种方式不管上传是否失败，只要请求完成就会跳转，正式环境不建议使用。

内容的提问来源于stack exchange，提问作者Dalibor