如何顯示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的加載進度或加載圖標？

回答

相關問題