如何在Django视图中实现文件下载后跳转至首页？

我有一个Django站点，点击打印按钮时需执行view_xlsx函数（实现浏览器端XLSX文件下载），之后返回首页。我尝试了以下两种写法：

return view_xlsx(request, xlspath), render(request, 'webpage/HomePage.html', {'last_update': lastupdted})

以及：

try:
    return view_xlsx(request, xlspath)
finally:
    return render(request, 'website/HomePage.html', {'last_update': lastupdted})

但两种方式均无法让两个操作同时生效，单独运行每个操作均正常。我的view_xlsx函数实现如下：

def view_xlsx(request, xlspath):
    filename = xlspath.replace('\\', '/')
    name = filename.split('/')[-1]
    if os.path.exists(filename):
        response = FileResponse(open(filename, 'rb'), content_type='application/xlsx')
        response['Content-Disposition'] = f'inline; filename={name}'  # user will be prompted display the PDF in the browser
        # response['Content-Disposition'] = f'filename={name}'  # user will be prompted display the PDF in the browser
        return response
    else:
        return HttpResponseNotFound('Cannot find the XLS')

请问该如何实现既运行view_xlsx下载文件，又返回首页？

HTTP协议一次请求只能返回一个响应，所以没法在同一个视图里同时返回文件下载和页面渲染。要实现需求，得从前端入手，以下是两种实用方案：

方案1：前端先触发下载，再跳转页面 #

1. 先给view_xlsx配置好可访问的URL（比如命名为download_xlsx），确保单独访问该URL能正常下载文件。
2. 页面的操作按钮不用直接提交表单到后端视图，改用JavaScript处理：
   • 先通过新窗口触发文件下载请求
   • 延迟一段时间后跳转回首页（确保下载请求已发送）

示例代码（HTML+JS）：

<button id="download-back-btn">下载并返回首页</button>
<script>
document.getElementById('download-back-btn').addEventListener('click', function() {
    // 用新窗口打开下载URL，触发下载
    window.open('{% url "download_xlsx" xlspath=your_xlspath %}', '_blank');
    // 延迟跳转，根据文件大小可调整时间
    setTimeout(function() {
        window.location.href = '{% url "home_page" %}';
    }, 500);
});
</script>

方案2：视图返回首页，页面加载时自动触发下载 #

1. 后端视图直接返回首页模板，同时把下载URL传递给模板：

def trigger_download_view(request):
    # 处理xlspath的逻辑...
    return render(request, 'webpage/HomePage.html', {
        'last_update': lastupdted,
        'download_url': reverse('download_xlsx', args=[xlspath])
    })

2. 在首页模板中添加JavaScript，页面加载完成后自动触发下载：

<script>
window.onload = function() {
    const downloadUrl = "{{ download_url }}";
    if (downloadUrl) {
        // 创建隐藏的a标签触发下载
        const downloadLink = document.createElement('a');
        downloadLink.href = downloadUrl;
        downloadLink.download = '';
        document.body.appendChild(downloadLink);
        downloadLink.click();
        document.body.removeChild(downloadLink);
        // 可通过URL参数或后端标记控制，避免页面刷新重复触发下载
    }
}
</script>

额外优化建议 #

• 如果希望文件直接下载而非在浏览器打开，修改view_xlsx里的Content-Disposition：

response['Content-Disposition'] = f'attachment; filename="{name}"'

• 延迟跳转的时间可根据文件大小调整，保证浏览器有足够时间接收下载请求。

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