https://github.com/liuhuapiaoyuan/nextjs-uploader
一个基于 **Next.js 15** 和 **React 19** 的上传组件，实现S3协议，兼容各种云服务，旨在通过 `serverAction` 简化上传流程。
https://github.com/liuhuapiaoyuan/nextjs-uploader
Last synced: 4 months ago
JSON representation
一个基于 **Next.js 15** 和 **React 19** 的上传组件，实现S3协议，兼容各种云服务，旨在通过 `serverAction` 简化上传流程。
- Host: GitHub
- URL: https://github.com/liuhuapiaoyuan/nextjs-uploader
- Owner: liuhuapiaoyuan
- Created: 2024-11-11T09:19:22.000Z (7 months ago)
- Default Branch: main
- Last Pushed: 2024-11-15T08:04:44.000Z (7 months ago)
- Last Synced: 2025-01-15T15:49:13.286Z (5 months ago)
- Language: TypeScript
- Homepage: https://nextjs-uploader-one.vercel.app
- Size: 742 KB
- Stars: 4
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.EN.md
Awesome Lists containing this project
README
# 🎉 nextjs-uploader
A file upload component built with **Next.js 15** and **React 19**, designed to simplify the upload process using `serverAction`.
## 🌐 文档语言
- [中文版本](./README.md)
## 🚀 Features
- **Single File Upload** 🗂️: Supports easy single file uploads.
- **Multiple File Upload** 📁: Effortlessly select and upload multiple files.
- **Custom Upload Area** 🎨: Customize the style and functionality of the file upload area.
- **Custom Upload List Rendering** 📝: Flexibly render the list of uploaded files to meet different needs.
- **S3 Adapter Capability** ☁️: Seamless integration with AWS S3 for easy file storage.
## 📦 Installation
Install via npm or yarn:
```bash
npm install nextjs-uploader
# or
yarn add nextjs-uploader
```
## 🌟 Usage Example
```jsx
import { Uploader } from 'nextjs-uploader';
const MyComponent = () => {
return (
console.log(files)}
// Other custom properties
/>
);
};
```
## 📖 Documentation
For detailed documentation, please refer to [docs](./docs).
## 🤝 Contributing
Contributions are welcome! Please check out the [Contributing Guide](./CONTRIBUTING.md) for more information.
## 📜 License
This project is licensed under the MIT License. See the [LICENSE](./LICENSE) file for details.