Javascript源文件下载进度
Javascript source file download progress?
本文关键字:文件下载 Javascript 更新时间:2023-09-26
我正在采购一个大型映射/小部件javascript文件(1.3 MB),并希望在加载时显示进度条。我知道Firebug的网络手表选项卡知道很多这些信息,但我想要更轻量级的东西。我遇到了这个网站:http://blog.greweb.fr/2012/04/work-in-progress/
这几乎让我到达那里,除了我需要获取我正在下载的文件。在文件下载时,我没有在jQuery的getScript上看到任何侦听器。 有谁知道如何了解源文件下载的进度?
提前感谢!
如果使用getScript()
则可以使用成功回调执行函数,但前提是脚本完成加载。
我建议有一个加载指示器图像(您可以在 http://ajaxload.info/找到很多)并在脚本加载时将其隐藏。
这个SO还有其他一些想法。一个解决方案如下:
var myTrigger;
var progressElem = $('#progressCounter');
$.ajax ({
type : 'GET',
dataType : 'xml',
url : 'somexmlscript.php' ,
beforeSend : function (thisXHR)
{
myTrigger = setInterval (function ()
{
if (thisXHR.readyState > 2)
{
var totalBytes = thisXHR.getResponseHeader('Content-length');
var dlBytes = thisXHR.responseText.length;
(totalBytes > 0)? progressElem.html (Math.round ((dlBytes/ totalBytes) * 100) + "%") : progressElem.html (Math.round (dlBytes /1024) + "K");
}
}, 200);
},
complete : function ()
{
clearInterval (myTrigger);
},
success : function (response)
{
// Process XML
}
});
这将设置一个间隔,以通过获取加载的字节数和总字节数来计算进度。这可能对您有用。
相关文章:
- 多个mp3下载链接到一个zip文件,用于下载javascript或jquery
- 多个下载链接到一个zip文件,然后再下载javascript
- 下载javascript文件,但不要立即对其进行评估
- JavaScript文件下载
- Javascript JSON 到 Excel 文件下载
- 使用Javascript将多个文件下载为zip文件或文件夹
- 使用JavaScript/Jquery创建文本文件下载/更新到本地客户端机器中的特定位置
- 纯JavaScript或jQuery文件下载功能
- 如何在PDF文件下载后运行javascript
- 使用数据 URI 将多个文件下载到 Zip 文件中 Javascript
- 如何将 JavaScript 数组发布到 MVC 3 控制器操作(由于文件下载而没有 AJAX)
- Javascript函数,可以将包含用户输入的文件下载给用户
- Javascript上的文件下载在Firefox上不起作用
- Javascript:通过开机自检启动文件下载和路由文件
- 如何使用javascript将xslt文件下载到.xls
- 单击“确定”或取消JavaScript中的文件下载
- Javascript/jQuery:文件下载就绪事件
- 作为非管理员用户,可以请求下载javascript文件
- 使用javascript将文件下载为.csv文件
- 使用HTML元素中的数据创建Javascript Blob().然后将其作为文本文件下载