本指南将引导您完成将功能强大的文件上传器集成到您的 Blocklet 中的基本步骤。我们将涵盖前端 UI 组件和可选的后端服务器设置,以帮助您快速上手。
该解决方案分为两个主要包:
@blocklet/uploader: 一个 React 组件,提供丰富的用户界面用于上传文件。@blocklet/uploader-server: 一个 Express 中间件,用于您的 Blocklet 后端处理文件存储和处理。
值得注意的是,@blocklet/uploader 可以独立工作,特别是在与提供必要后端端点的 Media Kit Blocklet 集成时。只有当您想在服务器上实现自己的自定义上传逻辑时,才需要使用 @blocklet/uploader-server。
首先,请选择符合您需求的设置指南。我们建议从前端设置开始。
前端设置 (@blocklet/uploader)
在您的 React 应用程序中安装和渲染基本前端上传器组件的分步指南。
后端设置 (@blocklet/uploader-server)
学习如何在基于 Express 的 Blocklet 中安装和配置必要的后端中间件以处理文件上传。
完成这些指南后,您将拥有一个功能齐全的文件上传器。要探索更高级的功能,例如自定义插件或处理上传回调,请继续阅读 指南 部分。