Laravel项目文件上传完成后重定向失效问题求助（已获取目标页面响应）

首先咱们先理清问题根源：你用的是jQuery File Upload的AJAX上传模式，当服务器返回重定向（3xx状态码）响应时，AJAX会自动跟进这个重定向请求，直接获取到目标页面的HTML内容，但不会触发浏览器的页面跳转——这就是你能拿到目标页面HTML，却看不到页面跳转的核心原因。

下面给你几个可行的解决方案：

方案一：前端手动触发固定地址重定向 #

如果你的目标页面URL是固定的，直接在done回调里添加页面跳转代码就行，比如：

$('#fileupload').fileupload({
    dataType: 'json',
    maxChunkSize: 10000000,
    maxFileSize: 1000000 * 10000,
    done: function (e, data) {
        console.log("success");
        $('#spin').css('display','none');
        // 手动跳转到目标页面，替换成你的实际URL
        window.location.href = '/your-target-page';
    },
    // 你后续的其他配置（比如progress回调等）
});

方案二：服务器返回动态重定向URL #

如果需要根据上传结果动态指定目标页面，让服务器在上传完成后返回包含重定向地址的JSON数据，比如：

{
    "status": "success",
    "redirect_url": "/upload-complete?fileId=xxx"
}

然后前端在done回调里读取这个URL并跳转：

done: function (e, data) {
    console.log("success");
    $('#spin').css('display','none');
    // 从返回的JSON中获取动态重定向地址
    const responseData = data.result;
    if (responseData && responseData.redirect_url) {
        window.location.href = responseData.redirect_url;
    }
}

关键注意点 #

• 别再依赖服务器直接返回重定向响应了，AJAX会自动“吃掉”这个跳转动作，只会拿到目标页面的HTML，不会触发浏览器跳转。
• 你已经能在控制台打印success，说明done回调确实执行了，如果跳转还是没生效，可以检查目标URL是否正确，或者有没有其他JS代码（比如event.preventDefault()）意外阻止了页面跳转。

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