Flask 中的大文件上传

Question

我正在尝试实现一个用于上传文件的烧瓶应用程序。该文件可能非常大。例如，大约 2G 大小。

我已经完成了这样的服务器端进程功能：

@app.route("/upload/<filename>", methods=["POST", "PUT"])
def upload_process(filename):
    filename = secure_filename(filename)
    fileFullPath = os.path.join(application.config['UPLOAD_FOLDER'], filename)
    with open(fileFullPath, "wb") as f:
        chunk_size = 4096
        while True:
            chunk = flask.request.stream.read(chunk_size)
            if len(chunk) == 0:
                return

            f.write(chunk)
    return jsonify({'filename': filename})

至于浏览器端，我应该给用户一个提交文件的来源。一次一个文件。显示进度条以指示上传过程。 但我不知道浏览器端代码。如何使用 javascript 代码开始上传并显示其状态？

Answer 1

这对于您自己来说将是一项艰巨的任务。我会建议像https://blueimp.github.io/jQuery-File-Upload/这样的插件

您可以从这个项目的源代码中看到，他们使用了一个方法名称，该名称本质上是查看文件有多大，到目前为止已经传输了多少数据，还有多少剩余的数据可以显示一个完整的 div 百分比。

此项目的代码示例

progressall: function (e, data) {
                var $this = $(this);
                $this.find('.fileupload-progress')
                    .find('.progress').progressbar(
                        'option',
                        'value',
                        parseInt(data.loaded / data.total * 100, 10)
                    ).end()
                    .find('.progress-extended').each(function () {
                        $(this).html(
                            ($this.data('blueimp-fileupload') ||
                                    $this.data('fileupload'))
                                ._renderExtendedProgress(data)
                        );
                    });
            }

https://github.com/blueimp/jQuery-File-Upload/blob/master/js/jquery.fileupload-jquery-ui.js

因此，如果您确实想提出自己的解决方案，我建议您首先构建一个具有动态宽度的 UI div 矩形，该矩形会根据您基于文件上传大小和上传数据的百分比计算进行更新。 . 或者只是使用已经建立的解决方案。