Home
Softono

Web File Manager

Open source MIT TypeScript
25
Stars
6
Forks
1
Issues
0
Watchers
1 year
Last Commit

 About Web File Manager

A React and TypeScript file manager component designed for web applications. It provides multiple view modes including list and grid layouts, with drag-and-drop support for organizing and reordering files and folders. The component features extensibility through custom rendering callbacks for views and right-click context menus, allowing developers to tailor the interface to their needs. Files are passed in as a file map data structure, enabling flexible integration with custom backends or static data. Suitable for building browser-based file explorers, document management systems, or any application requiring a familiar file management UI within a React project.

Platforms

Web Self-hosted

Languages

TypeScript

Need Help Installing Web File Manager?

We provide expert installation service for this software. Our team will install, configure, and secure Web File Manager on your server. plans start at just $30.

Web File Manager

View on GitHub

fc-file-manager

文件截图

Feature

  • 能提供列表、网格等多种视图。
  • 提供拖拽放入、排序等功能。
  • 提供扩展接口:视图渲染回调、右击工具菜单渲染回调。

Usage

import { dummyFileSystem } from './dummyFileSystem';

export default function Simple() {
  return <UfFileManager fileMap={dummyFileSystem} />;
}

About

Roadmap

  • 允许传入自定义的渲染函数
  • 使用 react-beautiful-dnd 添加拖拽功能

Motivation & Credits

File Manager

File Preview

  • wopihost #Project#: 基于 wopi 协议开发的 WopiHost , 支持 word, excel,ppt, pdf(仅支持预览)等文档的预览和编辑。