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矩形，它具有动态宽度，根据文件上传大小和上传的数据，根据你的百分比计算进行更新。或者只是使用已经建立的解决方案。

Flask中的大文件上传

1 个答案: