如何显示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);
注意:好了,当你复制/粘贴一个非常大的文本转换成多编辑框同样的情况。我需要证明的东西,而列表中加载
答
有这样的代码的尝试
reader.onloadstart = function(event) {
ShowLoadingBar();
};
reader.onprogress = function(event) {
if (event.lengthComputable) {
if (LoadingBarVisible)
ShowLoadingBar();
AddProgress();
}
};
reader.onloadend = function(event) {
LoadingBarComplete();
};
谢谢艾伦先生。它的伟大工程。但不是 reader.onprogress =功能(事件) ShowLoadingBar(); }; 我把: reader.onloadstart = function(event){ ShowLoadingBar(); }; – VladP
哎呀,那是一个错字----你非常欢迎! :d –