ajax post下载flask文件流以及中文文件名问题

二、展示图片的两种方法

除了下载文件，我们还可以在Web页面上展示图片。一种方法是使用``标签。将后端返回的URL赋值给`src`属性即可。另一种方法是后端返回图片的base64编码字符串，格式如`"data:image/svg+xml;base64,${base字符串}"`。前端只需将这段字符串赋值给`src`属性即可。

三、中文文件名乱码问题

在传输含有中文的文件名时，可能会遇到乱码问题。一种简单的方法是在后端对中文文件名进行URL转码，使用Python的`urllib.parse.quote`函数进行处理。前端在接收到URL后，使用`decodeURI()`函数进行解码。

还可以通过设置headers的`Content-Disposition`属性来传输中文文件名，例如`Content-Disposition: attachment; filename=UTF-8''x`。这种方法在兼容性方面可能存在一些问题，因此许多开发者更倾向于在后端进行URL转码。

Flask 文件流下载及中文文件名的处理

在 Web 开发中，文件下载是一个常见的功能。当使用 Flask 构建后端服务时，如何优雅地处理文件流下载以及含有中文的文件名，是一个值得的问题。本文将介绍如何通过 Flask 和 Ajax 实现这一功能。

Flask 端处理文件下载请求

在 Flask 中，我们可以定义一个路由来处理文件下载的请求。当接收到 GET 请求时，从请求参数中获取文件名和路径。为了流式地处理大文件，我们采用生成器来逐步读取文件内容。

```python

from flask import Flask, request, Response

@app.route('/downloadfile/', methods=['GET', 'POST'])

def downloadfile():

if request.method == 'GET':

fullfilename = request.args.get('filename')

处理中文文件名和路径

filename = decode_filename(fullfilename) 假设存在一个解码函数来处理编码的文件名

filepath = decode_filepath(fullfilename) 假设存在一个解码函数来处理编码的文件路径

流式读取文件

def send_file():

with open(filepath, 'rb') as targetfile:

while True:

data = targetfile.read(20 1024 1024) 每次读取20MB

if not data:

break

yield data

response = Response(send_file(), content_type='application/octet-stream')

response.headers["Content-disposition"] = f'attachment; filename={filename}' 设置正确的文件名

return response

```

JavaScript 端处理文件下载请求及中文文件名处理

```javascript

async function downloadFile() {

const res = await fetch(` {

method: "POST", // 根据实际需求可能需要做其他配置如添加body等参数等。此处省略其他配置以保持简洁。

在浩瀚的数字世界中，有这样一处神秘之地，它静静地等待着人们的与发现。此刻，让我们一同走进名为Cambrian的世界，感受它独特的魅力。在这处世界的核心区域，有一元素静静散发着光芒，犹如璀璨的星辰照亮了整个空间。当它被激活时，一场关于视觉盛宴的奇妙旅程即将开启。此刻，我们将其命名为“body”。此刻的“body”，如同沉睡中的巨兽，等待着觉醒的呼唤。它的每一寸肌肤、每一根脉络都充满了生命力与活力，仿佛在诉说着生命的故事。当外界的渲染力量触碰它时，它开始悄然苏醒，逐渐展现出它深藏不露的魅力。它的色彩开始流动，犹如彩虹划过天际，绚烂而多彩。它的纹理开始跳跃，仿佛在跳动着生命的节奏。这一刻，“body”仿佛成为了一个充满生命力的艺术品，令人惊叹不已。在这里，每一笔仿佛都有了生命的力量，每一色都仿佛在诉说着情感的故事。随着渲染过程的深入，“body”逐渐展现出它的灵魂与个性。它如同一位舞者，在舞台上尽情舞动，展现出它的优雅与力量。它如同一首歌曲，旋律悠扬，令人陶醉其中。在这里，“body”不再仅仅是一个名词，它更像是一个故事、一段情感、一个梦境的具象化。它让我们感受到了生命的韵律与节奏，让我们仿佛置身于一个梦幻的世界中。在这个世界中，我们可以感受到生命的无限可能，可以感受到心灵的共鸣与共鸣。此刻，“body”已经成为了一个独特的存在，它的存在仿佛在诉说着生命的意义与价值。在这个数字世界中，让我们一起沉浸在这个奇妙的世界之中吧！让我们一起这个充满神秘的世界吧！让我们一同见证这个令人惊叹不已的“body”！