Agent Skills
返回列表
附件拖拽上传

附件拖拽上传

开发编程 更新于 2026.08.29

将以下提示词粘贴到你的 AI 对话框中:

请根据 https://skillhub.cn/install/skillhub.md,安装 @user_f1b049da/sshw2026787。

技能介绍

解决的痛点

在客户详情、跟进记录或本地Demo等场景中,开发者常需为名片、执照、跟进附图等附件提供拖拽上传能力。手动实现时,易出现自动初始化重复、文件类型/大小无限制、组件卸载后资源泄漏等问题,需花费额外时间处理边界逻辑。

核心能力与实现逻辑

该技能基于 dropzone 库及官方CSS实现附件拖拽上传,核心动作包括:通过 autoDiscover = false 关闭自动初始化避免重复挂载;在客户附件区等目标位置挂载组件,并接入业务提供的上传接口;明确配置 acceptedFiles(如图片、PDF)和 maxFilesize 限制文件类型与大小;组件卸载时调用 destroy() 释放资源;核心实现要点标注 小四原创 注释,便于溯源。

适用边界与注意点

该技能不提供完整的对象存储控制台,上传URL需由业务侧自行提供。使用时需避免忽略关闭 autoDiscover,否则会导致组件重复初始化;同时需严格执行文件类型与大小限制,不可无限制接收任意文件,保障业务文件安全与系统稳定性。

使用场景

  • 在客户详情页需上传名片附件,通过拖拽完成文件提交
  • 搭建Demo时需提供本地附件投放区,支持图片快速上传
  • 在跟进记录模块需附加跟进截图,通过拖拽简化上传流程
  • 为执照附件设置上传入口,限制文件类型避免接收无关文件

适合人员

  • 需为客户系统添加附件上传功能的前端开发者,关注组件生命周期管理
  • 编写技术Demo的开发者,需要快速实现拖拽上传交互
  • 负责企业文件上传模块的开发者,需限制文件类型与大小
  • 开发客户跟进系统的工程师,需在记录中集成附件上传功能