如何分块将flask的2M数据传送到js页面

在Flask中，可以使用`send_file`函数将文件内容发送到前端页面。为了实现分块传输，可以使用`FileWrapper`对象将文件内容按块读取并发送到前端。以下是一个简单的示例代码：

import os
from flask import Flask, send_file
from wsgiref.util import FileWrapper

app = Flask(__name__)

@app.route('/download')
def download():
    # 读取文件内容
    filename = 'path/to/your/file'
    file_size = os.path.getsize(filename)
    chunk_size = 1024 * 1024  # 每个块的大小，这里设置为1M
    with open(filename, 'rb') as f:
        wrapper = FileWrapper(f)
        # 使用生成器按块读取文件内容并发送到前端
        def generate():
            while True:
                data = wrapper.read(chunk_size)
                if not data:
                    break
                yield data
        response = app.response_class(generate(), mimetype='application/octet-stream')
        response.headers['Content-Disposition'] = 'attachment; filename={}'.format(filename)
        response.headers['Content-Length'] = file_size
        response.headers['Accept-Ranges'] = 'bytes'
        return response

在前端页面中，可以使用XMLHttpRequest对象的`responseType`属性设置为`arraybuffer`，然后使用`Blob`对象和`FileReader`对象对每个块进行处理。以下是一个简单的示例代码：

function downloadFile() {
  var xhr = new XMLHttpRequest();
  xhr.open('GET', '/download');
  xhr.responseType = 'arraybuffer';
  xhr.onload = function() {
    if (this.status === 200) {
      var blob = new Blob([this.response]);
      var reader = new FileReader();
      reader.onload = function() {
        console.log(reader.result);  // 处理读取到的数据
      };
      reader.readAsArrayBuffer(blob);
    }
  };
  xhr.send();
}

需要注意的是，上述代码仅供参考，具体实现方式取决于您的具体需求和应用场景。如果需要实现更复杂的功能，可以根据需要进行修改和扩展。