基础方法

<!-- 单文件上传 -->
<input type="file" />

<!-- 多文件上传 -->
<input type="file" multiple />

<!-- 限制文件类型 -->
<input type="file" accept=".jpg,.png,image/*" />

<!-- 文件目录上传 -->
<input type="file" webkitdirectory />

📚 参考文档 MDN

文件处理说明

🗂️ 基础上传

• 单文件、多文件、限制类型等文件 API 已描述

📥 拖拽上传注意事项

1. 🚫 必须阻止 dragover 和 drop 的默认行为
2. 📦 drop 事件回调中包含 dataTransfer 属性，其中存储着拖拽的文件数据列表
3. 📁 使用 webkitGetAsEntry 方法可判断拖拽项是文件还是文件夹