文件上传必知必会

208 阅读1分钟

一、上传文件时,input标签常见的属性

<input type="file" id="upload" multiple>
1.type属性为file
2.如果想要一次性上传多个文件,则需要加上multiple
3.disabled 属性规定应该禁用的input元素
4.accept定义了input应该接受的文件类型

二、上传后生成的数据

 document.getElementById("upload").addEventListener("change",function (e) {
        const target = e.target
        const files= e.target.files
    })
1.target代表该input标签对应的dom元素
2.files属于该上传操作生成的FileList对象,由File对象所组成
files[0].name  // 文件名
files[0].size  // 文件大小
files[0].type  // 文件拓展类型