在使用FileSaver.saveAs保存表格到本地時，如果想要獲取導出/保存進度可以如下操作
FileSaver.js的saveAs()方法是一個異步操作，它將文件保存到用戶設備上。在調用saveAs()方法后，可以通過使用回調函數、Promise、或監聽相關事件來確定saveAs()方法何時執行完畢。
1.使用回調函數：saveAs()方法接受一個可選的回調函數作為參數，該回調函數在保存操作完成時被調用。
const file = new Blob(['Hello, world!'], { type: 'text/plain;charset=utf-8' });
saveAs(file, 'example.txt', () => {console.log('保存完成');
});
在回調函數中，你可以執行一些其他操作或通知用戶保存操作已經完成。
2.使用Promise：在一些支持Promise的環境中，可以使用Promise來包裝saveAs()方法，以便在操作完成后進行處理。
const file = new Blob(['Hello, world!'], { type: 'text/plain;charset=utf-8' });
const savePromise = new Promise((resolve, reject) => {saveAs(file, 'example.txt', resolve);
});savePromise.then(() => {console.log('保存完成');
});
可以使用Promise的then()方法在保存完成后執行相應的操作。
3.監聽事件：FileSaver.js還提供了一些自定義事件，可以通過監聽這些事件來獲取保存操作的狀態。
-
write: 當數據被寫入到文件中時觸發。
-
progress: 在數據寫入過程中觸發，可以用于獲取保存進度。
-
abort: 當保存操作被中止時觸發。
-
error: 當保存操作出現錯誤時觸發。
-
complete: 當保存操作完成時觸發，相當于執行完回調函數或Promise的resolve。
const file = new Blob(['Hello, world!'], { type: 'text/plain;charset=utf-8' });
saveAs(file, 'example.txt');FileSaver.onwriteend = function() {console.log('保存完成');
};
通過監聽onwriteend事件，可以在保存完成時執行相應的操作。
根據你的需求和使用環境選擇適合的方式來確定saveAs()方法的執行完成時間。需要注意的是，保存操作的完成時間可能受到瀏覽器、網絡速度和文件大小等因素的影響。
- 對于FileSaver.js的progress事件，你可以使用以下步驟來監聽保存進度：
- 創建一個Blob對象或File對象，該對象將被保存到用戶設備上。
const file = new Blob(['Hello, world!'], { type: 'text/plain;charset=utf-8' });
- 使用saveAs()方法保存文件，并在保存操作的過程中監聽progress事件。
saveAs(file, 'example.txt').on("progress", function(event) {// 獲取保存進度const progress = event.loaded / event.total;console.log('保存進度：', progress);
});
在上述代碼中，我們通過調用on()方法來監聽progress事件。該方法接受兩個參數，第一個參數是事件類型，第二個參數是事件處理函數。
- 在事件處理函數中，你可以獲取保存進度的相關信息。event.loaded表示已加載的字節數，event.total表示總共要加載的字節數。
saveAs(file, 'example.txt').on("progress", function(event) {const progress = event.loaded / event.total;console.log('保存進度：', progress);
});
在事件處理函數中，你可以根據需要執行其他操作，如更新進度條、顯示保存進度等。
需要注意的是，不是所有的瀏覽器都支持FileSaver.js的progress事件，因此在某些瀏覽器中可能無法使用該事件。另外，進度事件的精度和更新頻率也可能受到瀏覽器和網絡限制的影響。
如果你需要更精確的保存進度控制，可能需要使用其他具有更多功能的JavaScript庫，如axios或fetch，它們提供了更強大的進度事件支持。
）)
