附件拖拽上传
将以下提示词粘贴到你的 AI 对话框中:
请根据 https://skillhub.cn/install/skillhub.md,安装 @user_f1b049da/sshw2026787。
技能介绍
解决的痛点
在客户详情、跟进记录或本地Demo等场景中,开发者常需为名片、执照、跟进附图等附件提供拖拽上传能力。手动实现时,易出现自动初始化重复、文件类型/大小无限制、组件卸载后资源泄漏等问题,需花费额外时间处理边界逻辑。
核心能力与实现逻辑
该技能基于 dropzone 库及官方CSS实现附件拖拽上传,核心动作包括:通过 autoDiscover = false 关闭自动初始化避免重复挂载;在客户附件区等目标位置挂载组件,并接入业务提供的上传接口;明确配置 acceptedFiles(如图片、PDF)和 maxFilesize 限制文件类型与大小;组件卸载时调用 destroy() 释放资源;核心实现要点标注 小四原创 注释,便于溯源。
适用边界与注意点
该技能不提供完整的对象存储控制台,上传URL需由业务侧自行提供。使用时需避免忽略关闭 autoDiscover,否则会导致组件重复初始化;同时需严格执行文件类型与大小限制,不可无限制接收任意文件,保障业务文件安全与系统稳定性。
使用场景
- 在客户详情页需上传名片附件,通过拖拽完成文件提交
- 搭建Demo时需提供本地附件投放区,支持图片快速上传
- 在跟进记录模块需附加跟进截图,通过拖拽简化上传流程
- 为执照附件设置上传入口,限制文件类型避免接收无关文件
适合人员
- 需为客户系统添加附件上传功能的前端开发者,关注组件生命周期管理
- 编写技术Demo的开发者,需要快速实现拖拽上传交互
- 负责企业文件上传模块的开发者,需限制文件类型与大小
- 开发客户跟进系统的工程师,需在记录中集成附件上传功能