Как получать файлы в Javascript, отправленные из Flask, с помощью send_file()

Я разрабатываю веб-приложение, используя HTML + простой Javascript во внешнем интерфейсе и Flask в качестве бэкэнда. Приложение отправляет некоторый идентификатор на сервер, сервер должен создать отчет в виде файла PDF и отправить его обратно клиенту.

Я использую Flask для серверной части и создал следующую конечную точку:

    @app.route("/download_pdf", methods=['POST'])
    def download_pdf():
        if request.method == 'POST':
            report_id = request.form['reportid']
            print(report_id) //Testing purposes.
            // do some stuff with report_id and generate a pdf file.
            return send_file('/home/user/report.pdf', mimetype='application/pdf', as_attachment=True)
// I already tried different values for mimetype and as_attachment=False

Из командной строки я могу проверить конечную точку и получить нужный файл, а консоль сервера выводит 123 report_id, как и ожидалось:

curl --form reportid=123 http://localhost:5000/download_pdf >> output.pdf

Для внешнего интерфейса я создал кнопку, которая вызывает функцию Javascript:

<button id=pdf_button onclick = "generatePdf()"> PDF </button>

Функция Javascript выглядит следующим образом:

function generatePdf(){
    var report_list = document.getElementById("report_list")

    if (report_list.selectedIndex < 0){
        alert("Please, select a report.");
    }else{
        var req = new XMLHttpRequest();

        req.open("POST", "/download_pdf", true);
        req.responseType = "document";
        req.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
        req.onreadystatechange = function(){
            console.info(req.readyState)
            console.info(req.status)
            console.info(req.response)
            var link = document.createElement('a')
            link.href = req.response;
            link.download = "report.pdf"
            link.click()

        }
        var selected_value = report_list.options[report_list.selectedIndex].value;
        var params = "reportid = "+selected_value;
        req.send(params);
    }

};

req.response в этом случае имеет значение null. Однако вызов конечной точки был выполнен правильно, так как внутренняя консоль печатает report_id, как и ожидалось.

Уже пробовал:

• Использование «blob» и «arraybuffer» в качестве типа ответа, как в https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/Sending_and_Receive_Binary_Data#Receive_binary_data_using_JavaScript_typed_arrays.
• Проверка кода возврата HTTP, который всегда равен 0.
• Вызов req.onload вместо req.onreadystatechange. Консоль ничего не показывает.

Наконец, консоль Firefox показывает эти 6 сообщений после нажатия соответствующей кнопки (пожалуйста, обратите внимание на вызовы console.info() в предыдущем коде):

2
0
null
4
0
null

Кажется, что функция Javascript вызывается дважды при нажатии кнопки.

Моя цель - загрузить PDF. Я не знаю, что я делаю неправильно; Я был бы благодарен за любую помощь в этом.