拖放

一种 UI 模式,允许用户将文件从桌面直接拖入浏览器放置区来加载文件,无需文件对话框。

拖放允许用户将文件从桌面或文件管理器直接传输到 Web 应用程序中。结合 HTML5 拖放 API 和 File API,可实现直观的文件输入而无需打开文件选择对话框。

实现方式是监听 dragoverdragleavedrop 事件,从 event.dataTransfer.files 获取 File 对象。视觉反馈(放置区高亮)和文件类型验证(拒绝非图像文件)为用户提供清晰的引导。

批量处理工具支持同时拖放多个文件,部分实现还支持整个文件夹。本站所有工具(包括图像压缩工具)均支持拖放文件输入。

拖放 (Drag and Drop) 是把文件从桌面或文件管理器直接投入 Web 应用的操作方式。将 HTML5 的 Drag and Drop API 与 File API 组合起来,用户就能在不打开文件选择对话框的情况下直观地读入图像。

相关术语

相关文章