html input multiple属性允许一次上传多个文件

分类:知识百科 日期: 点击:0

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){
            // 处理上传成功
        }
    })
标签:

版权声明

1. 本站所有素材,仅限学习交流,仅展示部分内容,如需查看完整内容,请下载原文件。
2. 会员在本站下载的所有素材,只拥有使用权,著作权归原作者所有。
3. 所有素材,未经合法授权,请勿用于商业用途,会员不得以任何形式发布、传播、复制、转售该素材,否则一律封号处理。
4. 如果素材损害你的权益请联系客服QQ:77594475 处理。