flask文件发送与js前端接收

最新推荐文章于 2024-07-02 12:18:40 发布

plan_ b

最新推荐文章于 2024-07-02 12:18:40 发布

阅读量2.7k

点赞数

分类专栏： JavaScript杂项 vue框架学习和项目常见问题 flask 文章标签： vue.js 前端 javascript

本文链接：https://blog.youkuaiyun.com/plan_jok/article/details/121425435

版权

vue框架学习和项目常见问题同时被 3 个专栏收录

23 篇文章

订阅专栏

flask

18 篇文章

订阅专栏

JavaScript杂项

15 篇文章

订阅专栏

本文介绍了如何使用Flask在后台发送文件，并在JavaScript前端进行接收。首先讲解了Flask后台文件发送的实现步骤，然后详细阐述了JavaScript接收文件的方法，实现前后端的数据交互。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

flask后台文件发送

    try:
    	# 文件数据处理
        res = export_all_files_list()
        # 通过response封装数据
        response = make_response(res)
        # 设置响应信息
        response.headers['content-type'] = 'application/octet-stream;charset=utf-8'
        response.headers['content-disposition'] = 'attachment;filename=mfs_result.csv'
        return response
    except Exception as e:
        return format_data(code=OtherException.code, msg=str(e), data=None)

js接收

exportFiles() {
	// 设置url，如果在项目中一般给到相对路径即可，如/xxx/export_files_list，
	// 如需设置绝对路径：
	// let url = document.localtioqn.origin + 相对路径
	let url = exportFilesListUrl
	// 创建a标签
	const elemenA = document.createElement('a')
	// 设置a标签href
	elementA.href = url
	// 设置下载的文件名称
	elementA.download = ''
	elementA.click()
}