JA EN ZH

拖放

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

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

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

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

Related Terms

Related Articles