javascript - 如何使用Ajax获取文件上传百分比？

Question

我在 Twitter bootstrap 中使用 Ajax 和进度条来实现上传文件功能。但我不知道如何使用 Ajax 获取上传文件的百分比。请帮忙，谢谢。

Answer 1

有一个 jQuery 文件上传插件可供您使用。它允许您调用进度函数。该插件的 Git 位于:GitHub Repo 。我发现this tutorial几周前出于同样的原因使用该插件，这是一个部分示例。

progress: function(e, data) {
            // Calculate the completion percentage of the upload
            var progress = parseInt(data.loaded / data.total * 100, 10);
            // Update the hidden input field and trigger a change
            // so that the jQuery knob plugin knows to update the dial
            data.context.find('input').val(progress).change();
            if(progress == 100) {
                data.context.removeClass('working');
            }
        }