dsh-drop-preview
DSH WebUI drag-and-drop file preview: drop files anywhere, full-page preview images and rendered Markdown (inline images resolved from dropped files or auto-searched in the session workspace), zoom/rotate images on click, persistent composer file box.
安装
$
npx -p @deepseek-ai/dsh dsh plugin --profile web add github:Cheyeah/dsh-drop-preview说明文档
阅读完整 README ↗dsh-drop-preview
DeepSeek Harness Web UI 拖拽文件预览插件:把文件拖进页面即可预览,一键附带给 AI。
English | 简体中文
简介
把文件 / 文件夹拖入 DeepSeek Harness Web 页面任意位置,立即弹出全屏预览, 确认后一键附带给 AI——不用手打路径、不用复制粘贴。
功能特性
- 拖入即预览
- 图片:大图内联预览(data URL 为主,blob 兜底)
- Markdown:完整渲染(标题 / 列表 / 代码块 / 表格 / 链接),
![]()图片引用自动解析显示 - 文本 / 代码:内联预览(上限 50 万字符 / 1MB)
- 其他文件:显示名称、大小、类型
- 图片查看器:点击任意预览图片 → 放大 / 缩小(按钮 + 滚轮)/ 旋转 / 拖拽平移 / 复位
- Markdown 图片自动查找:拖入集合中没有的图片,自动在当前会话工作区(最多 3 层子目录) 按文件名搜索并显示;确实找不到才标注“图片未找到”
- 文件盒:一键「存入文件盒」持久化到浏览器 IndexedDB(刷新 / 重启仍在), 在输入框上方以卡片网格管理:缩略图、点击预览、删除、清空
- 发送给 AI:文件复制进会话工作区附件目录(
.dsh/tmp/attachments/), 路径随消息前置给模型;气泡里附件块折叠为 📎 chip - 保留:Ctrl+V 粘贴、回形针选择文件 / 文件夹、设置页附件用量统计与清理
安装
需要 Node.js ≥ 20 与 DeepSeek Harness(dsh)。
git clone https://github.com/Cheyeah/dsh-drop-preview.git
dsh plugin --profile web add
# 或:dsh plugin --profile web add github:Cheyeah/dsh-drop-preview
重启 dsh web,浏览器硬刷新(Ctrl+F5)。
使用
- 打开会话并选择工作区
- 把文件 / 文件夹拖到页面任意位置 → 全屏预览
- 点 发送给 AI:文件进入附件队列,发送时复制到工作区附件目录,路径随消息给模型
- 或点 存入文件盒:保存到输入框上方的文件盒,随时点开预览 / 发送
Markdown 相对路径图片(
images/x.png):优先从拖入集合匹配;找不到会自动在 工作区搜索(≤3 层);都没有则显示“图片未找到”。