如何在jquery中计算文件上传进度？

Posted 2021-04-01

我很难理解progress-bar的jquery-file-upload功能。

以下代码段的含义是什么？

.on('fileuploadprogressall', function (e, data) {
            var progress = parseInt(data.loaded / data.total * 100, 10);
            $('.progress .progress-bar').css('width', progress + '%');
        });

问题是：

1. 如何计算进度？实际上，文件名传递给我的upload控制器，我立即保存。那么这个进展是如何报道的呢？
2. 什么是线，parseInt(data.loaded / data.total * 100, 10);

Jquery File Upload的原始链接

答案

我认为该脚本计算从客户端传输到服务器的字节数。

事件fileupload progressall结合了有关所有加载文件的信息，并将其显示在两个变量data.loaded和data.total上。

data.loaded - 加载了多少字节

data.total - 将数据传输到服务器的总大小

parseInt(data.loaded / data.total * 100, 10); //将返回上传数据的百分比

关于功能parseInt

另一答案

你应该使用progressall回调，但data.total可能不准确。

请参阅此处获取解决方案：

jquery fileupload inaccurare progressbar