使用 Flask 在 Heroku 上生成文件并提供下载链接

新闻中心 NEWS CENTER

您当前位置：首页 > 新闻中心 > 网络学院

使用 Flask 在 Heroku 上生成文件并提供下载链接

2025-10-06

浏览次数：次

返回列表

使用 flask 在 heroku 上生成文件并提供下载链接

本文档介绍了如何在 Heroku 平台上，利用 Python Flask 框架动态生成文件，并通过前端 J*aScript 代码提供下载链接。重点讲解了后端文件生成、数据传递以及前端 Blob 对象的使用，帮助开发者实现动态文件下载功能。由于 Heroku 的 Dyno 会在重启后清除文件系统，因此本文提供的方案主要适用于临时文件的生成和下载。

后端 Flask 代码实现

首先，我们需要创建一个 Flask 应用，并定义一个路由来处理文件生成和数据返回的请求。以下是一个示例：

from flask import Flask, request, json

app = Flask(__name__)

@app.route("/test", methods=['GET', 'POST'])
def test():
    if request.method == "POST":
        # 创建文件
        f = open("myfile.txt", "w")
        f.write("content")
        f.close()

        # 读取文件内容
        f = open("myfile.txt", 'r')
        file_content = f.read()
        f.close()

        # 返回 JSON 数据，包含文件内容
        return json.dumps({'success': True, 'data': file_content}), 200, {'ContentType': 'application/json'}

if __name__ == '__main__':
    app.run(debug=True)

这段代码首先定义了一个 /test 路由，该路由只接受 POST 请求。当收到请求时，它会创建一个名为 myfile.txt 的文件，并写入 "content" 内容。然后，它读取该文件的内容，并将内容封装在 JSON 数据中返回给前端。

注意事项：

由于 Heroku 的文件系统是临时的，每次 Dyno 重启后都会被清除，因此不适合存储持久性数据。
在生产环境中，应该考虑使用云存储服务（如 AWS S3、Google Cloud Storage 等）来存储文件。
在读取文件后，务必使用 f.close() 关闭文件，释放资源。

前端 J*aScript 代码实现

接下来，我们需要使用 J*aScript 代码来发送 POST 请求到后端，并处理返回的数据，生成下载链接。以下是一个示例：

家政网在线管理系统

经过多家家政公司实际运作，并参照目前市面上流行的家政管理软件精心打造的一套管理平台，专业化的后台管理能让您处理繁琐的小事更加轻松，前台和后台的无缝链接处处体现网络的巨大威力，全国首创的多人在线预订系统，系统首次提供候选名额，让您一次预订，多人受约，成交概率大幅提高，首次使用网络蜘蛛技术，定时搜集全国各地及时发布的家政信息，智能化处理后即时加入系统数据库

0 查看详情家政网在线管理系统

$.ajax('/test', {
    type: 'POST',
    data: { myData: product}, // 可选：发送一些数据到后端
    dataType: 'json',
    success: function(data, status, xhr) {
        console.log('response');
        console.log(data);
        console.log(data['success']);

        // 创建 Blob 对象
        var blob=new Blob([data['data']], {type: "text/plain"});

        // 创建下载链接
        var link=document.createElement('a');
        link.href=window.URL.createObjectURL(blob);
        link.download="myfile.txt";

        // 触发下载
        link.click();
    },
    error: function (jqXhr, testStatus, errorMessage) {
        console.log("error");
    }
});

这段代码使用 jQuery 的 $.ajax 函数发送一个 POST 请求到 /test 路由。在 success 回调函数中，它首先从返回的 JSON 数据中获取文件内容。然后，它使用 Blob 对象将文件内容转换为一个二进制对象，并指定 MIME 类型为 text/plain。接下来，它创建一个元素，设置 href 属性为 Blob 对象的 URL，并设置 download 属性为文件名 myfile.txt。最后，它触发元素的 click 事件，从而启动下载。

注意事项：