 |
摘要 | 为 AI 机器人对话页面添加拖放上传 + 文件预览功能 |
 |
代码库 | GitHub - VaperinaDEV/drag-drop-upload-file-previews-ai-bot-page: Drag & Drop Upload + File Previews for AI Bot Conversations page · GitHub |
 |
安装指南 | 如何安装主题或主题组件 |
 |
初次使用 Discourse 主题？ | Discourse 主题使用入门指南 |
安装此主题组件
你好 
目前，在 AI 机器人对话页面 的输入框中上传文件仅能通过上传按钮完成，且文件附加后，你只能看到以纯文本形式显示的文件名，没有任何预览效果，也无法直观地确认你实际上传的内容。
本组件新增功能
- 随处拖放 — 不仅限于文本区域，整个对话面板均可作为拖放区域，并在拖放时高亮显示。
- 真实图片缩略图 — 针对图片上传，在客户端生成缩略图，并与文件名一同显示，而非仅显示纯文本。
- 非图片文件的彩色扩展名标签 — 适用于 PDF、DOCX、XLSX、ZIP、MP3、代码文件等，即使无法提供真实预览，也能通过视觉标签快速识别文件类型。
- 通过主题设置进行配置 — 提供
default_badge_color作为默认回退颜色，以及extension_colors对象模式设置，管理员可直接在主题设置界面中添加或覆盖特定扩展名的颜色，无需编辑代码。
设置项
| 设置项 | 说明 |
|---|---|
default_badge_color |
未明确设置颜色的扩展名的默认十六进制颜色值 |
extension_colors |
{ extension, color } 格式的对象列表，用于覆盖或扩展内置类别颜色 |
内置类别已涵盖大多数常见文件类型（文档、电子表格、演示文稿、归档文件、音频、视频、代码、字体、电子书），因此大多数用户无需修改 extension_colors 设置。