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

Question

我在Twitter bootstrap中使用Ajax和Progress栏来上传文件功能。但我不知道如何使用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');
            }
        }