Пустое изображение загружено Angular 2 и Flask

Question

Я пытался загрузить изображение через Угловой 2 , изображение задается Настой . Когда я нажимаю, чтобы загрузить изображение на угловой стороне, загружается пустой файл .png. Я проверил изображение, возвращаемое Flask через GET-запрос, оно работает правильно. Но я не получаю это через Angular. Ниже приведены мои коды.
Код колбы:

@app.route('/download_card/<path:filename>', methods=["POST", "GET"])
def downloadCard(filename):
    logger.info("IN downloadCard, filename: " + filename)
    filepath= app_constants.IMAGES_FOLDER
    imagePath = filepath + "/" + filename

    with open(imagePath, 'rb') as bites:
        return send_file(io.BytesIO(bites.read()), attachment_filename=filename,
            mimetype='image/png')

Угловой код:

downloadImage(id) {

    let imgUrl = apiUrl + id;
    console.log("hitting image url: " + imgUrl);

    return this.http.get(imgUrl, { responseType: ResponseContentType.ArrayBuffer })
        .subscribe(result => {
            console.log("image result: " + result);
            var blob = new Blob([result], { type: 'image/png' });
            FileSaver.saveAs(blob, id);
    })

}

Пожалуйста, помогите мне понять, где я делаю неправильно.
Спасибо