Implementation:Infiniflow Ragflow Admin ImportExcelForm Component

Knowledge Sources	Infiniflow_Ragflow
Domains	Frontend, Admin
Last Updated	2026-02-12 06:00 GMT

Overview

File upload form component with MIME type validation for bulk importing data from Excel spreadsheets.

Description

The admin/forms/import-excel-form.tsx component provides a drag-and-drop file upload area with MIME type validation restricted to Excel formats (.xlsx, .xls). It parses the uploaded file, displays a preview of the extracted data, and provides confirmation before submitting the bulk import to the backend API.

Usage

Used within the whitelist page and other admin pages that support bulk import of structured data from Excel files.

Code Reference

Source Location

• Repository: Infiniflow_Ragflow
• File: web/src/pages/admin/forms/import-excel-form.tsx
• Lines: 1-128

Signature

export default function ImportExcelForm(): JSX.Element;

Import

import ImportExcelForm from '@/pages/admin/forms/import-excel-form';

I/O Contract

Inputs

Name	Type	Required	Description
onImport	(data: unknown[]) => void	Yes	Callback with parsed Excel row data
accept	string	No	Accepted MIME types (defaults to Excel formats)

Outputs

Name	Type	Description
Rendered component	JSX.Element	File upload form with MIME validation and preview

Usage Examples

<ImportExcelForm onImport={handleBulkImport} />

Related Pages

• Environment:Infiniflow_Ragflow_Frontend_Node_Environment