获取input file的文件
栏目：
html
发布时间：2024-12-13
获取input file的文件
<input type="file" id="upload" />
<script>
document.querySelector('#upload').addEventListener('change', function(e) {
console.log(e.target.files)
})
</script>
上传一个文件后，控制台输出：
FileList {0: File, length: 1}
0: File
lastModified: 1620455590089
lastModifiedDate: Sat May 08 2021 14:33:10 GMT+0800 (China Standard Time)
[[Prototype]]: Object
name: "___c3508488e618___.png"
size: 534307
type: "image/png"
webkitRelativePath: ""
[[Prototype]]: File
length: 1
[[Prototype]]: FileList
我们可以通过 file.name 取到 input file 上传文件的文件名
通过 file.size 可以取到文件的大小，file.type 去到文件类型，可以做上传文件的校验
本文地址：https://www.tides.cn/p_html-get-input-file