• Getting Started
  • Components
    • Barcodes
    • Buttons
    • Chartsupdated
    • Conversational UIupdated
    • Data Query
    • Date Inputsupdated
    • Date Math
    • Dialogs
    • Drawing
    • Dropdownsupdated
    • Editor
    • Excel Export
    • File Saver
    • Filter
    • Gantt
    • Gauges
    • Gridupdated
    • Icons
    • Indicators
    • Inputsupdated
    • Labels
    • Layout
    • ListBox
    • ListView
    • Map
    • Menus
    • Navigation
    • Notification
    • Pager
    • PDF Export
    • PDFViewer
    • PivotGridupdated
    • Popup
    • ProgressBars
    • Ripple
    • Schedulerupdated
    • ScrollView
    • Sortable
    • Spreadsheetupdated
    • ToolBar
    • Tooltips
    • TreeList
    • TreeView
    • Typography
    • Uploads
    • Utilities
  • Styling & Themes
  • Common Features
  • Project Setup
  • Knowledge Base
  • Sample Applications
  • FAQ
  • Troubleshooting
  • Updates
  • Changelogs

Getting Started with the Kendo UI File Saver

This guide provides the information you need to start using the Kendo UI File Saver—it includes instructions about the installation approach, how to import the required methods, and links to additional resources.

The File Saver Package is part of Kendo UI for Angular, a professional grade UI library with 110+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.

Installing the Package

To add the Kendo UI File Saver package, run the following command:

npm install --save @progress/kendo-file-saver

Using the Package

  1. After successfully installing the File Saver, import the required individual functions from the package:

    import { saveAs, encodeBase64 } from '@progress/kendo-file-saver';
  2. Then you can save a file on the client machine, by using the saveAs method, and pass a valid data URI and a file name:

    const dataURI = "data:text/plain;base64," + encodeBase64("Hello World!");
    saveAs(dataURI, "test.txt");

Dependencies

The Kendo UI File Saver package has no external dependencies.

Next Steps