Кнопка для загрузки файла и перенаправления на новую страницу

Как включить кнопку загрузки и перенаправления на новую страницу? Я пробовал много комбинаций кода, но он просто загружается и не перенаправляет

<div class="banner">
    <h3>Download your file:<br> {{ filename }}</h3>
    <div>
        {% csrf_token %}
        <form action="{% url 'download_pdf' %}" enctype="multipart/form-data" method="post">
            {% csrf_token %}
            <button onclick="openTab()" class="btn btn-primary w-20" id="myBtn" tabindex="4">Download PDF
            </button>
        </form>
    </div>
</div>
<script>
function openTab() {
window.open('home');
}
</script>

Вы можете попробовать что-то вроде этого, чтобы обеспечить и загрузку файла, и перенаправление на новую страницу. Щелчок на кнопке уже вызывает загрузку, а затем вы можете зарегистрировать короткую задержку с помощью JavaScript для перенаправления на нужную вам страницу:

<div class="banner">
    <h3>Download your file:<br> {{ filename }}</h3>
    <div>
        {% csrf_token %}
        <form id="downloadForm" action="{% url 'download_pdf' %}" enctype="multipart/form-data" method="post">
            {% csrf_token %}
            <button type="button" class="btn btn-primary w-20" id="myBtn" tabindex="4" onclick="downloadAndRedirect()">Download PDF</button>
        </form>
    </div>
</div>

<script>
function downloadAndRedirect() {
    // Submit the form to trigger the download
    document.getElementById('downloadForm').submit();
    
    // Redirect after a short delay to allow the download to start
    setTimeout(function() {
        window.location.href = 'home'; // Change 'home' to your desired redirect URL
    }, 1000); // Adjust the delay time as necessary
}
</script>
Вернуться на верх