Angular2 檔案下載變得輕鬆
為WebApi 或MVC 應用程式開發Angular2 用戶端時,了解檔案保存可能會令人畏懼。本演練將引導您完成在 Angular2 及更高版本中觸發文件保存的過程。
在 Angular2 中,請求處理的可觀察性質引入了微妙的變化。若要成功下載文件,您需要在可觀察的回呼函數中建立文件 URL 物件。這確保了創建 URL 時文件資料可用。
例如,以下程式碼片段示範如何處理檔案下載:
這裡,我們的 _reportService.getReport( ) 呼叫傳回一個可觀察值。請求完成後,將使用檔案資料呼叫 downloadFile 函數。
在downloadFile 中,我們根據接收到的資料建立一個Blob 物件並指定其MIME 類型:
With建立Blob物件後,我們可以使用createObjectURL來產生可下載的URL。最後,window.open(url) 觸發檔案保存。
總之,透過在 observable 的回呼函數中處理檔案下載,您可以確保在正確的時間存取下載的資料。這使您能夠輕鬆地在 Angular2 應用程式中提供無縫文件下載功能。
以上是如何在 Angular2 應用程式中實現輕鬆的檔案下載?的詳細內容。更多資訊請關注PHP中文網其他相關文章!