如何显示FileReader的加载进度或加载图标？

我有一个文件上传控件，它读取TXT文件并加载带文件内容的editBox。代码打击对于文件上传控件的onChange事件正常工作。但是，它想要在加载大量数据时显示加载gif图标或沙漏图标。例如。如果我尝试使用大约130K行加载3Mb文件，则需要几秒钟才能显示在inputUsers编辑框中，然后仍然加载数据。虽然这次用户能够点击其他控件或关闭页面。那么当我调用reader.readAsText（file）时，如何显示加载图标; ???如何显示FileReader的加载进度或加载图标？

var fileUploadControl = dojo.query("[id$=':fileUploadControl']")[0]; 
var file = fileUploadControl.files[0]; 

var reader = new FileReader(); 
reader.onload = function(e) { 
    dojo.query("[id$=':inputUsers']")[0].value = reader.result; 
} 
reader.readAsText(file);

注意：好了，当你复制/粘贴一个非常大的文本转换成多编辑框同样的情况。我需要证明的东西，而列表中加载

来源

2017-06-02 VladP

有这样的代码的尝试

reader.onloadstart = function(event) { 
    ShowLoadingBar(); 
}; 
reader.onprogress = function(event) { 
    if (event.lengthComputable) { 
     if (LoadingBarVisible) 
      ShowLoadingBar(); 
     AddProgress(); 
    } 
}; 
reader.onloadend = function(event) { 
    LoadingBarComplete(); 
};

来源

2017-06-02 15:24:19

谢谢艾伦先生。它的伟大工程。但不是 reader.onprogress =功能（事件） ShowLoadingBar（）; }; 我把： reader.onloadstart = function（event）{ ShowLoadingBar（）; }; – VladP

哎呀，那是一个错字----你非常欢迎！：d –

如何显示FileReader的加载进度或加载图标？

回答

相关问题