需在file类型input元素中添加multiple属性以启用多文件选择，配合accept限制类型、JavaScript读取FileList、动态生成文件列表、表单设enctype="multipart/form-data"并后端按数组接收，同时检测浏览器兼容性并降级提示。
如果您希望用户通过HTML文件输入框一次性选择多个文件，则需要正确配置元素的属性。以下是实现多文件选择的具体方法：
一、使用multiple属性启用多选功能
HTML原生支持多文件选择，只需在文件输入框中添加multiple属性即可激活该功能。浏览器将允许用户按住Ctrl（Windows/Linux）或Command（macOS）键点击多个文件，或直接框选多个文件。
1、在HTML中创建一个type为file的input元素。
2、为该input元素添加multiple属性，无需赋值。
立即学习“前端免费学习笔记（深入）”；
3、可选地添加accept属性限制文件类型，例如accept="image/*"仅允许图片。
4、确保不设置capture属性（除非明确需要调用摄像头或麦克风），否则可能禁用多选。
二、结合JavaScript读取多个选定文件
当用户完成多文件选择后，可通过JavaScript访问input.files属性，该属性返回一个FileList对象，包含所有被选中的File对象。每个File对象都具有name、size、type等只读属性。
1、为input元素添加id，例如id="fileInput"。
2、使用document.getElementById获取该元素。
3、监听change事件，在事件处理函数中访问event.target.files。
4、遍历files列表，对每个File对象执行读取或预览操作，例如使用FileReader.readAsDataURL读取为Base64字符串。
三、提供可视化多文件列表界面
默认文件输入框仅显示“选择文件”按钮和已选文件名摘要（部分浏览器仅显示数量），用户体验有限。可通过JavaScript动态生成文件列表，提升交互清晰度。
1、创建一个空的
还木有评论哦，快来抢沙发吧~