javascript - ColladaLoader 和 progressCallback

Question

在 ColladaLoader 中实现 loading bar 的正确方法是什么？

源代码显示加载器接受三个参数。一个是 progressCallback。

progressCallback( { total: length, loaded: request.responseText.length } );

如果我为 progressCallback 调用一个函数来显示值，total 显示为 null 而 loaded 上升到 5,200,000 .

function(callback){    
    console.log(callback.loaded + ' / ' + callback.total);
}

如何使用 ColladaLoader 附加某种 百分比 的已加载元素？

Answer 1

查看 ColladaLoader.js 的源代码，看起来 progressCallback 函数会检查 collada 文件中的字符总数 (5,200,000) 和读取的字符数。

你可以通过使用得到一个百分比

var percent = Math.round(callback.loaded / callback.total) * 100;

您的百分比从一个数字跳到另一个数字很可能是因为它正在本地调用或部分数据已缓存。如果您从服务器运行它，您的百分比将逐渐更新。

WestLangley 是正确的，总数只会显示在服务器或本地服务器上，如果作为文件打开，则显示为 null。这是因为 Ajax 向服务器发送请求。