html input multiple属性是一种允许用户一次上传多个文件的特性。它可以让用户节省时间,提高工作效率。使用方法如下:
1. 在html文件中添加input标签
2. 在javascript中添加事件监听
document.querySelector('input[type="file"]').addEventListener('change',function(){ // 处理文件上传 })
3. 处理文件上传
当用户选择文件后,可以通过javascript获取文件列表,通过ajax或者formData等方式上传文件。
- 获取文件列表:
const files = document.querySelector('input[type="file"]').files
- 使用ajax上传:
const formData = new FormData() for(let i = 0;i < files.length;i++){ formData.append('file',files[i]) } $.ajax({ url:'xxxx', data:formData, type:'post', processData:false, contentType:false, success:function(res){ // 处理上传成功 } })