拖放
一种 UI 模式,允许用户将文件从桌面直接拖入浏览器放置区来加载文件,无需文件对话框。
拖放允许用户将文件从桌面或文件管理器直接传输到 Web 应用程序中。结合 HTML5 拖放 API 和 File API,可实现直观的文件输入而无需打开文件选择对话框。
实现方式是监听 dragover、dragleave 和 drop 事件,从 event.dataTransfer.files 获取 File 对象。视觉反馈(放置区高亮)和文件类型验证(拒绝非图像文件)为用户提供清晰的引导。
批量处理工具支持同时拖放多个文件,部分实现还支持整个文件夹。本站所有工具(包括图像压缩工具)均支持拖放文件输入。