Syncfusion Feedback
Choose Framework
Controls
  • Grids
    • Data Grid
    • Pivot Table
    • Tree Grid
    • Spreadsheet
  • Data Visualization
    • Chart
    • Bullet Chart
    • Kanban Board
    • Range Selector
    • Sparkline Charts
    • HeatMap Chart
    • TreeMap
    • Circular Gauge
    • Stock Chart
    • Linear Gauge
    • Smith Chart
    • Maps
    • Diagram
    • 3D Circular Charts
    • 3D Charts
    • Barcode Generator
  • Editors
    • Word Processor
    • Rich Text Editor
    • Image Editor
  • Buttons
    • Button
    • Progress Button
    • Chips
  • Calendars
    • Scheduler
    • Gantt Chart
    • Calendar
    • DatePicker
    • DateRangePicker
    • DateTime Picker
    • TimePicker
  • Dropdowns
    • ComboBox
    • AutoComplete
    • Dropdown List
    • MultiSelect Dropdown
    • ListBox
    • Mention
    • Dropdown Tree
  • Navigation
    • Carousel
    • TreeView
    • File Manager
    • Toolbar
    • Menu Bar
    • Breadcrumb
    • Accordion
    • Context Menu
    • Tabs
    • Sidebar
    • Stepper
    • AppBar
  • Inputs
    • File Upload
    • Signature
    • Color Picker
    • Input Mask
    • TextBox
    • Numeric Textbox
    • Slider
    • Radio Button & Checkbox
    • Toggle Switch Button
    • Rating
    • TextArea
    • OTP Input
  • Layout
    • ListView
    • Splitter
    • Dialog
    • Dashboard Layout
    • Card
    • Tooltip
    • Timeline
    • Avatar
  • Notifications
    • Message
    • ProgressBar
    • Skeleton
    • Toast
    • Badge
  • Forms
    • Query Builder
  • File Viewers & Editors
    • PDF Viewer
    • In-place Editor
  • Interactive Chat
    • AI AssistView
  • Smart Components
    • Smart Paste Button

React File Upload - Tutorial Videos

Go Back
thumbnail image

Watch video

Getting Started with the React File Upload Component

Learn how to create a React app and configure the Syncfusion React File Upload component in it by using the create-react-app command. Using the Syncfusion React File Upload component, you can upload images, documents, and other files. You will also learn how to set up a few of the component's basic features, like uploading multiple files or a single file at a time, validating files before upload, and saving and removing files in the uploader using APIs.

Download Example: Getting Started with the React File Upload

Topics included
1. Introduction 00:00 min
2. Create a React project 00:49 min
3. Add the File Upload component 01:41 min
4. Upload multiple files 03:43 min
5. Enable asynchronous upload 04:03 min
6. Upload a single file 05:52 min
7. Disable auto upload 06:24 min
8. Enable sequential upload 06:51 min
9. Enable chunk upload 07:23 min
10. Enable directory upload 07:59 min
11. Configure allowed file types 08:22 min
12. Configure allowed file size 08:56 min
Plaform: React Show more
Chat with us